@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap');
@import url(../_libs/swiper@6.5.6/swiper-bundle.min.css);
@import url(../_libs/animate.css@4.1.1/animate.min.css);

@-webkit-keyframes fadeInUpSmall {
    from {
        opacity: 0;
        transform: translate3d(0, 50px, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeInUpSmall {
    from {
        opacity: 0;
        transform: translate3d(0, 50px, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
.animate__fadeInUpSmall { -webkit-animation-name: fadeInUpSmall; animation-name: fadeInUpSmall; }

@-webkit-keyframes fadeInDownSmall {
    from {
        opacity: 0;
        transform: translate3d(0, -50px, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeInDownSmall {
    from {
        opacity: 0;
        transform: translate3d(0, -50px, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
.animate__fadeInDownSmall { -webkit-animation-name: fadeInDownSmall; animation-name: fadeInDownSmall; }

@-webkit-keyframes fadeInLeftSmall {
    from {
        opacity: 0;
        transform: translate3d(-50px, 0, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeInLeftSmall {
    from {
        opacity: 0;
        transform: translate3d(-50px, 0, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
.animate__fadeInLeftSmall { -webkit-animation-name: fadeInLeftSmall; animation-name: fadeInLeftSmall; }

@-webkit-keyframes fadeInRightSmall {
    from {
        opacity: 0;
        transform: translate3d(50px, 0, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeInRightSmall {
    from {
        opacity: 0;
        transform: translate3d(50px, 0, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
.animate__fadeInRightSmall { -webkit-animation-name: fadeInRightSmall; animation-name: fadeInRightSmall; }

*, *::before, *::after { box-sizing: border-box; }
@media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth; } }
body { margin: 0; font-family: 'Noto Sans KR'; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
hr { margin: 1rem 0; color: inherit; background-color: currentColor; border: 0; opacity: 0.25; }
hr:not([size]) { height: 1px; }
h1, h2, h3, h4, h5, h6 { margin: 0; font-family: inherit; }
p { margin-top: 0; margin-bottom: 10px; }
a { color: inherit; text-decoration: none; background-color: transparent; }
a:hover { color: inherit; text-decoration: none; }
a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; }
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; }
a:not([href]):not([tabindex]):focus { outline: 0; }
img { vertical-align: middle; border-style: none; max-width: 100%; }
table { border-collapse: collapse; }
caption { padding-top: 0.5rem; padding-bottom: 0.5rem; color: #6c757d; text-align: left; caption-side: top; }
th { text-align: inherit; }
thead, tbody, tfoot, tr, td, th { border-color: inherit; border-style: solid; border-width: 0; }
label { display: inline-block; }
button { border-radius: 0; }
button:focus:not(:focus-visible) { outline: 0; }
input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; }
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; }
input[type=number] { -moz-appearance: textfield; }
button, select { text-transform: none; }
[role=button] { cursor: pointer; }
select { word-wrap: normal; }
select:disabled { opacity: 1; }
[list]::-webkit-calendar-picker-indicator { display: none; }
button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; }
button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) { cursor: pointer; }
::-moz-focus-inner { padding: 0; border-style: none; }
textarea { resize: vertical; }
fieldset { min-width: 0; padding: 0; margin: 0; border: 0; }
legend { float: left; padding: 0; margin-bottom: 0.5rem; font-size: calc(1.275rem + 0.3vw); line-height: inherit; }
legend + * { clear: left; }
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field { padding: 0; }
::-webkit-inner-spin-button { height: auto; }
[type=search] { outline-offset: -2px; -webkit-appearance: textfield; }
::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-color-swatch-wrapper { padding: 0; }
::file-selector-button { font: inherit; }
::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; }
iframe { border: 0; }
[hidden] { display: none !important; }
address { margin: 0; padding: 0; font-style: normal; line-height: inherit; }
dl, dt, dd { margin: 0; padding: 0; }
nav ul { margin: 0; padding: 0; list-style: none; }

/* 공통 - 기타 */
.text-start { text-align: left !important; }
.text-end { text-align: right !important; }
.text-center { text-align: center !important; }
ul.tabs { margin: 0; padding: 0; list-style: none; }
/* 공통 - 사이드 페이지 표시 */
.location-side-wrap { position: relative; }
.location-side-area { scroll-margin: 68px; }
.location-side { position: absolute; top: 50px; left: 50px; z-index: 101; transition: .2s ease; }
.location-side.fixed { margin-top: 63px; position: fixed; }
.location-side > ul { margin: 0; padding: 0; list-style: none; }
.location-side > ul > li { display: flex; align-items: center; min-height: 27px; margin-bottom: 8px; padding-left: 13px; border-left: 6px solid #dbe1e2; font-size: 12.5px; line-height: 17px; color: #dbe1e2; transition: .2s ease; }
.location-side > ul > li:hover,
.location-side > ul > li.active { border-color: #8ab74e; font-size: 13.5px; font-weight: 700; color: #101010; }
@media (max-width: 1600px) {
    .location-side { opacity: 0; }
}
/* 공통 - 숫자 카운트 */
[class*="list-bullet-counter"] { counter-reset: number-counter; }
[class*="list-bullet-counter"] > *:before { counter-increment: number-counter; }
[class*="list-bullet-counter"][class*="-zero"] > *:before { content: counter(number-counter, decimal-leading-zero); }
[class*="list-bullet-counter"][class*="-dot"] > *:before { content: counter(number-counter)'.'; }
[class*="list-bullet-counter"][class*="-zero"][class*="-dot"] > *:before { content: counter(number-counter, decimal-leading-zero)'.'; }
/* 공통 - 아코디언 메뉴 */
.accordion ul { margin: 0; padding: 0; list-style: none; border: 1px solid #d6d6d7; }
.accordion ul > li { background: #f8f8f9; }
.accordion ul > li.active { background: #fff; }
.accordion ul dl,
.accordion ul dt,
.accordion ul dd { transition: .2s ease; }
.accordion ul dl { margin: 0; padding-left: 35px; padding-right: 23px; border-top: 1px solid #d6d6d7; }
.accordion ul > li:first-child dl { border-top: 0; }
.accordion ul dt { padding-top: 31px; padding-bottom: 31px; font-size: 20px; font-weight: 400; line-height: 20px; color: #000; position: relative; cursor: pointer; }
.accordion ul dt:after { content: ''; width: 34px; height: 34px; background: #363a7a url(../_img/icon_plus_13x13_fff.gif) no-repeat 50%; position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
.accordion ul dd { font-size: 16px; font-weight: 300; line-height: 30px; color: #757575; opacity: 0; height: 0; }
.accordion ul dd strong { font-weight: 400; color: #000; }
.accordion ul > li.active dl { padding-bottom: 45px; }
.accordion ul > li.active dt { /*padding-top: 35px; padding-bottom: 22px;*/ font-size: 23px; font-weight: 500; color: #000; }
.accordion ul > li.active dt span { font-size: 23px; font-weight: 900; color: #363a7a; }
.accordion ul > li.active dt:after { background: #8ab74e url(../_img/icon_minus_13x1_fff.gif) no-repeat 50%; }
.accordion ul > li.active dd { opacity: 1; height: auto; }
.accordion ul > li.active dd .img { padding: 40px 0 0; text-align: center; }
.accordion [class*="list-bullet-counter"][class*="-zero"][class*="-dot"] > *:before { opacity: 0; position: absolute; top: 0; left: -50000px; }
.accordion [class*="list-bullet-counter"][class*="-zero"][class*="-dot"] dt { padding-right: 34px; padding-left: 54px; position: relative; }
.accordion [class*="list-bullet-counter"][class*="-zero"][class*="-dot"] dd { padding-left: 54px; }
.accordion [class*="list-bullet-counter"][class*="-zero"][class*="-dot"] dt:before { content: counter(number-counter, decimal-leading-zero)'.'; display: inline-block; font-weight: 900; color: #363a7a; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
.accordion [class*="list-bullet-counter"][class*="-zero"][class*="-dot"] > li.active dt:before { top: 31px; transform: none; }
@media (max-width:819px) {
    .accordion ul dl { padding-left: 4.2667vmin; padding-right: 2.4vmin; }
    .accordion ul dt { padding-top: 2.8vmin; padding-right: 7vmin; padding-bottom: 2.8vmin; font-size: 3.4667vmin; line-height: 3.4667vmin; letter-spacing: -0.1vmin; }
    .accordion ul dt:after { width: 7.2vmin; height: 7.2vmin; background-image: url(../_img/icon_plus_22x22_fff.gif); background-size: 2.9333vmin auto; }
    .accordion ul dd { font-size: 3.0667vmin; line-height: 4.1333vmin; }
    .accordion ul > li.active dl { padding-bottom: 8.6667vmin; }
    .accordion ul > li.active dt { padding-bottom: 6.6667vmin; font-size: 3.4667vmin; }
    .accordion ul > li.active dt:after { background-image: url(../_img/icon_minus_21x2_fff.gif); background-size: 2.9333vmin auto; }
    .accordion ul > li.active dd .img { padding: 5.3333vmin 0 0; }
    .accordion [class*="list-bullet-counter"][class*="-zero"][class*="-dot"] dt { padding-right: 9vmin; padding-left: 6.6667vmin; word-wrap: break-word; }
    .accordion [class*="list-bullet-counter"][class*="-zero"][class*="-dot"] dd { padding-left: 0; }
    .accordion [class*="list-bullet-counter"][class*="-zero"][class*="-dot"] dt:before { margin-right: 1.6vmin; }
    .accordion [class*="list-bullet-counter"][class*="-zero"][class*="-dot"] > li.active dt:before { top: 2.7vmin; transform: none; }
}

/* LAYOUT - 공통*/
    .content-box { margin: 0 auto; position: relative; }
    header { display: flex; flex-flow: row wrap; align-items: center; background-color: #fff; transition: .4s ease; }
    header .logo { width: 250px; }
    header .logo a { display: block;  height: 35px; background-image:url(/_img/logo.png); background-repeat:no-repeat; background-size: contain;  text-indent: -50000px; }
    /* header .logo a { display: block;  height: 35px; background-image:url(../_img/logo_252x40.png); background-repeat:no-repeat; background-size: contain;  text-indent: -50000px; } */
    header .language a { display: inline-block; vertical-align: middle; width: 122px; height: 33px; margin-bottom: 5px; background-color: #363a7a; border-radius: 16.5px; font-size: 15px; line-height: 30px; color: #fff; text-align: center; }

    footer { display: flex; flex-direction: column; min-width: 1560px; padding: 146px 0 80px; background: #232323 url(../_img/logo_211x34_fff.png) no-repeat 50% 80px; font-size: 16px; color: #828282; text-align: center; }
    :lang(en) footer { /* background-image: url(../_img/logo_230x34_fff.png); */ }

    #quick { width: 39px; text-align: center; position: fixed; bottom: 155px; right: 17px; transition: .2s ease; z-index: 100; opacity: 0; transition: .2s ease; }
    #quick.fixed { opacity: 1; }
    #quick ul { margin: 0; padding: 0; list-style: none; }
    #quick ul > li { padding-top: 16px; }
    #quick ul > li:first-child { padding-top: 0; }
    #quick ul > li > a { display: block; background-color: #fff; background-repeat: no-repeat; background-position: 50%; font-size: 15.5px; font-weight: 500; line-height: 54px; color: #232323; box-shadow: 2px 4px 21px 0px rgba(12, 3, 7, 0.31); }
    #quick .scroll-top a { float: right; width: 39px; height: 39px; background-image: url(../_img/icon_arrow-up_10x13_a5a5a5.png); }
/* LAYOUT - PC, Tablet */
@media (max-width: 1600px) {
    #quick { opacity: 0; }
}
@media (min-width: 1281px) {
    header { min-width: 1560px; padding: 0 27px 0 44px; }
}
@media (min-width:820px) {
    .pc-hide,
    br.mobile { display: none; }
    .content-box { width: 1200px; }
    header { min-width: 1560px; width: 100%; height: 68px; border-top: 5px solid #363a7a; position: fixed; top: 0; left: 0; z-index: 150; }

    header .category { margin: 0 auto; }
    header .category ul,
    header .category ul > li { display: flex; flex-flow: row wrap; margin: 0; padding: 0; list-style: none; }
    header .category ul > li > a { display: inline-block; padding: 7px 0; font-size: 14.5px; line-height: 15px; letter-spacing: -0.8px; color: #9b9b9b; transition: .2s ease; position: relative; }
    header .category ul > li > a:after { content: ''; width: 0; border-bottom: 2px solid #373a7a; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); opacity: 0; transition: .4s ease; }
    header .category > ul > li { margin-left: 40px; }
    header .category > ul > li:first-child { margin-left: 0; }
    header .category > ul > li > a { font-weight: 500; color: #464646; }
    header .category > ul > li > ul { margin-left: 15px; position: relative; }
    header .category > ul > li > ul:before { content: ''; width: 0; height: 12px; margin-top: 1px; border-left: 1px solid #d3d3d3; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
    header .category > ul > li > ul > li { margin-left: 25px }
    header .category > ul > li > ul > li > a > dl > dd { display: none !important; }
    header .category ul > li > a:hover,
    header .category > ul > li > ul > li.active > a { color: #373a7a; }
    header .category ul > li > a:hover:after,
    header .category > ul > li > ul > li.active > a:after { width: 100%; opacity: 1; }
    header .category > ul > li > ul > li:first-child { margin-left: 15px; }
    header .category .copyright,
    header .category .cospec-innolab-contact-us,
    header .toggle-menu { display: none; }

    #content { padding-top: 68px; }

    footer address { line-height: 30px; }
    footer address span:before { content: ''; display: inline-block; vertical-align: middle; width: 0; height: 15px; margin: 0 14px; border-left: 1px solid #393939; }
    footer address span:nth-of-type(7):before,
    footer address span:nth-of-type(4):before,
    footer address span:nth-of-type(1):before { display: block; height: 0; margin: 0; border-left: 0; }
    footer .copyright { margin-top: 22px; font-size: 14px; }
}
/* LAYOUT - Mobile */
@media (max-width:819px) {
    .mobile-hide,
    br.pc { display: none; }
    header,
    header.fixed { width: 100%; border-top: 0; position: fixed; top: 0; left: 0; z-index: 150; }
    header .logo { width: 39.2vmin; }
    header .logo a { display: block; height: 13.2vmin; background-size: auto 5.3333vmin; background-position: 100%; }
    header .category { display: none; }
    header .category { width: 100vw; height: 100%; padding: 14.4vmin 5.3333vmin 0 5.3333vmin; background-color: #363a7a; position: fixed; top: 0; left: 0; z-index: 200; overflow: hidden; overflow-y: auto; }
    header .category ul > li > a { font-size: 8vmin; font-weight: 900; line-height: 8vmin; color: #fff; }
    header .category > ul { padding-bottom: 10vmin; position: relative; }
    header .category > ul:after { content: ''; width: 100vw; border-bottom: 1px solid #565a8f; position: absolute; bottom: 0; left: -5.3333vmin; }
    header .category > ul > li { margin-top: 6vmin; }
    header .category > ul > li > ul { margin-top: 5.3667vmin; }
    header .category > ul > li > ul > li > a { display: flex; justify-content: space-between; margin: 1.3333vmin 0 0; border: 1px solid #e0e0e0; background-color: #fff; }
    header .category > ul > li > ul > li > a:before { content: ''; width: 42.1333vmin; min-height: 41.3333vmin; background-repeat: no-repeat; background-size: cover; }
    header .category > ul > li > ul > li:nth-of-type(1) > a:before { background-image: url(../_img/product-BIM_Station-header.jpg?1); }
    header .category > ul > li > ul > li:nth-of-type(2) > a:before { background-image: url(../_img/product-DiPlan-header.jpg?1); }
    header .category > ul > li > ul > li:nth-of-type(3) > a:before { background-image: url(../_img/product-KBim_D-Generator-header.jpg?1); }
    header .category > ul > li > ul > li:nth-of-type(4) > a:before { background-image: url(../_img/product-KBim_Assess-Lite-header.jpg?1); }
    header .category > ul > li > ul > li:nth-of-type(5) > a:before { background-image: url(../_img/product-xPPM-neo-header.png?1); }
    header .category > ul > li > ul > li:nth-of-type(6) > a:before { background-image: url(../_img/product-AIBIM-header.jpg?1); }
    header .category > ul > li > ul > li:nth-of-type(7) > a:before { background-image: url(../_img/product-KAC-BIMSolution-header.jpg?1); }
    header .category > ul > li > ul > li:nth-of-type(8) > a:before { background-image: url(../_img/product-inCloud-header.jpg?1); }
    header .category > ul > li > ul > li > a > dl { width: 46.5333vmin; padding: 0 3.3333vmin; }
    header .category > ul > li > ul > li > a > dl > dt { padding: 0 0 1.7333vmin; font-size: 4vmin; font-weight: 400; line-height: 4vmin; color: #373f48; }
    header .category > ul > li > ul > li > a > dl > dt:before { content: 'PRODUCT'; display: inline-block; margin: 2.6667vmin 100% 2.6667vmin 0; padding: 0.6667vmin 1.0667vmin; font-size: 1.6vmin; font-weight: 700; line-height: 1.6vmin; letter-spacing: 0.08vmin; text-align: center; color: #fff; background: rgb(54,58,122); background: linear-gradient(90deg, rgba(54,58,122,1) 0%, rgba(90,111,103,1) 50%, rgba(136,179,80,1) 100%); }
    header .category > ul > li > ul > li > a > dl > dd { padding: 0 0 1.7333vmin; font-size: 2.2667vmin; font-weight: 400; line-height: 2.8vmin; color: #a4a4a4; }
    header .category .cospec-innolab-contact-us { height: auto; padding: 16vmin 0 11.2vmin; background: none; }
    header .category .copyright { font-size: 2.9333vmin; letter-spacing: -0.2vmin; color: #9394b1; text-align: center; }
    header .language { margin-left: auto; }
    header .language a { width: 17.3333vmin; height: 5.7333vmin; margin: 0; border-radius: 2.8667vmin; font-size: 2.6667vmin; line-height: 5.7333vmin; }
    header .toggle-menu a { display: block; width: 13.6vmin; height: 13.2vmin; background: url(../_img/icon_all-menu_38x30_363a7a.png) no-repeat 50%/5.0667vmin auto; }

    body.category .wrap { position: fixed; top: -50000px; left: -50000px; }
    body.category header .category { display: block; }
    body.category header:before { content: ''; width: 100%; height: 13.2vmin; background: #363a7a; position: fixed; top: 0; left: 0; z-index: 205; }
    body.category header .logo a,
    body.category header .language a,
    body.category header .toggle-menu a { position: relative; z-index: 210; }
    body.category header .logo a { background-image: url(/_img/logo-white.png); }
    body.category header .language a { background-color: #fff; color: #363a7a; }
    body.category header .toggle-menu a { background: url(../_img/icon_x_28x31_fff.png) no-repeat 50%/3.7333vmin auto; }

    #content { padding-top: 13.2vmin; }

    footer { min-width: auto; padding: 24vmin 0 32vmin 5.0667vmin; background-position: 5.0667vmin 13.0667vmin; background-size: auto 5.8667vmin; font-size: 2.9333vmin; text-align: left; letter-spacing: -0.0867vmin; }
    footer address { display: flex; flex-flow: row wrap; line-height: 4.8vmin; position: relative; }
    footer address span:nth-of-type(1) { order: 1; width: 100%; }
    footer address span:nth-of-type(2) { order: 2; width: 100%; }
    footer address span:nth-of-type(3) { order: 3; }
    footer address span:nth-of-type(4) { order: 5; }
    :lang(en) footer address span:nth-of-type(3) { width: 100%; }
    footer address span:nth-of-type(5) { order: 4; }
    :lang(ko) footer address span:nth-of-type(5) { padding-right: 10vmin; }
    footer address span:nth-of-type(6) { order: 6; }
    :lang(en) footer address span:nth-of-type(6) { width: 100%; }
    footer address span:nth-of-type(7) { order: 7; width: 100%; }
    footer address span:nth-of-type(8) { order: 8; }

    :lang(en) footer address span:nth-of-type(4):before,
    :lang(ko) footer address span:nth-of-type(5):before,
    :lang(ko) footer address span:nth-of-type(6):before  { content: ''; display: inline-block; vertical-align: middle; width: 0; height: 2vmin; margin: 0 3.4667vmin; border-left: 1px solid #393939; }
    footer .copyright { margin-top: 7.3333vmin; font-size: 2.9333vmin; letter-spacing: -0.2vmin; }

    #quick { display: none; }
}
@media (max-width:819px) and (orientation: landscape) {
    br.mobile.portrait { display: none; }
}
/* 메인 - ABOUT */
    .about-cospec-innolab { position: relative; }
    .about-cospec-innolab .content-box { padding-left: 22px; }
    .about-cospec-innolab .content-box:after { content: ''; display: block; background: url(../_img/about-cospec-innolab_img.jpg) no-repeat; box-shadow: 2px 4px 21px 0px rgba(12, 3, 7, 0.31); }
    .about-cospec-innolab h2 { font-weight: 400; color: #464646; }
    .about-cospec-innolab h2 strong { font-weight: 700; color: #8ab74e; }
    .about-cospec-innolab h2+p { font-weight: 500; color: #363a7a; }
    .about-cospec-innolab h2+p+p { margin: 0; font-size: 17px; font-weight: 500; line-height: 30px; letter-spacing: -0.85px; color: #828282; }
    .about-cospec-innolab ul { padding: 0; list-style: none; }
    .about-cospec-innolab ul > li { color: #939393; }
    .about-cospec-innolab ul > li a { display: block; background: url(../_img/icon_check_14x10_c58e4c.png) no-repeat 0 50%; position: relative; }
    .about-cospec-innolab ul > li a:before { content: ''; display: block; width: 28px; height: 28px; background: #232323; position: absolute; top: 0; right: 0; }
    .about-cospec-innolab ul > li a:after { content: ''; display: block; width: 7px; height: 13px; background: url(../_img/icon_angle-right_7x13_fff.png) no-repeat; position: absolute; top: 8px; right: 10px; transition: .2s ease;  }
    .about-cospec-innolab ul > li a:hover:after { -webkit-animation: fadeInLeftSmall .5s ease 1; animation: fadeInLeftSmall .5s ease 1; }
    .about-cospec-innolab ul > li strong { display: inline-block; font-weight: 500; color: #181818; }
/* 메인 - 고객 */
    .our-customers { background: #fff url(../_img/our-customers_bg.jpg) no-repeat 50%; text-align: center; }
    .our-customers h2 { font-weight: 400; color: #181818; }
    .our-customers h2+p { color: #cd8c4c; }
    .our-customers ul { display: flex; flex-flow: row wrap; align-items: center; padding: 0; list-style: none; }
/* 문의하기 */
    .cospec-innolab-contact-us { display: flex; justify-content: space-between; flex-flow: column wrap; justify-content: center; background-repeat: no-repeat; background-position: 50%; }
    .cospec-innolab-contact-us > p { margin: 0 auto; font-weight: 300; color: #fff; text-align: center; }
    .cospec-innolab-contact-us > p strong { font-weight: 700; }
    .cospec-innolab-contact-us > p+a { background-color: #7b9a59; font-size: 20px; font-weight: 700; line-height: 58px; color: #fff; text-align: center; }
@media (min-width:820px) {
    .visual.main { min-width: 1200px; margin: 0 auto; background: #fff; position: relative; }
    .visual.main .swiper1 .swiper-slide { height: 720px; background-repeat: no-repeat; background-position: 50% 0; text-align: center; position: relative; }
    .visual.main .swiper1 .swiper-slide:before { content: ''; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 0; background-size: cover; position: absolute; top: 0; left: 0; transition: all 8s; transform: scale(1.2); }
    .visual.main .swiper1 .swiper-slide-active:before { transform: scale(1.0) perspective(500px) rotate(.001deg); }
    .visual.main .swiper1 .visual1:before { background-image: url(../_img/visual1.jpg); }
    .visual.main .swiper1 .visual2:before { background-image: url(../_img/visual2.jpg); }
    .visual.main .swiper1 .visual3:before { background-image: url(../_img/visual3.jpg); }
    .visual.main .swiper1 .visual4:before { background-image: url(../_img/visual4.jpg); }
    .visual.main .swiper1 .visual5:before { background-image: url(../_img/visual5.png); }
    .visual.main .swiper1 .visual6:before { background-image: url(../_img/visual6.jpg); }
    .visual.main .swiper1 .visual7:before { background-image: url(../_img/visual7.jpg); }
    .visual.main .swiper1 .visual8:before { background-image: url(../_img/visual8.jpg); }
    .visual.main .swiper1 .swiper-slide dl { position: relative; }
    .visual.main .swiper1 .swiper-slide dt { padding: 100px 0 24.5px; font-size: 50.19px; line-height: 56px; color: #fff; }
    .visual.main .swiper1 .swiper-slide dd { font-size: 16.5px; line-height: 26px; color: #fff; }
    .visual.main .swiper1 .swiper-slide dd.btn-area { padding-top: 38px; }
    .visual.main .swiper1 .swiper-slide dd.btn-area a { display: inline-block; min-width: 123px; padding: 0 15px; border: 0; border-radius: 16.5px; background-color: #363a7a; font-size: 13px; line-height: 33px; color: #fff; text-align: center; overflow: hidden; position: relative; }
    .visual.main .swiper1 .swiper-slide dd.btn-area a:before { content: ''; display: block; width: 120%; height: 120%; background: rgb(54,58,122); background: linear-gradient(90deg, rgba(54,58,122,1) 0%, rgba(90,111,103,1) 50%, rgba(136,179,80,1) 100%); position: absolute; left: 0; top: 0; transform-origin: right top; transform: translateX(-101%) skewX(-17.62deg); transition: transform .55s cubic-bezier(.52,.08,.18,1); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
    .visual.main .swiper1 .swiper-slide dd.btn-area a > span { position: relative; }
    .visual.main .swiper1 .swiper-slide dd.btn-area a:hover:before {transform: translateX(0) skewX(-17.62deg);transform-origin: left top;}
    .visual.main .swiper2 { width: 1072px; position: absolute; bottom: 25px; left: 50%; transform: translateX(-50%); }
    .visual.main .swiper2 .swiper-slide { cursor: pointer; }
    .visual.main .swiper2 .swiper-slide dl { width: 193px; margin: 0 auto; background: #fff; border: 1px solid #e0e0e0; position: relative; }
    .visual.main .swiper2 .swiper-slide dl:before { content: ''; display: block; width: 191px; height: 139px; border-bottom: 0; background-repeat: no-repeat; background-position: 50% 0; background-size: cover; text-align: center; }
    .visual.main .swiper2 .swiper-slide dl:after { content: ''; display: block; width: 191px; height: 139px; background: rgba(0,0,0,.6); position: absolute; top: 0; left: 0; }
    .visual.main .swiper2 .swiper-slide dt,
    .visual.main .swiper2 .swiper-slide dd { padding-right: 13px; padding-left: 13px; border: 1px solid #e0e0e0; border-width: 0 1px; }
    .visual.main .swiper2 .swiper-slide dt { padding-top: 13px; padding-bottom: 13px; font-size: 15px; line-height: 15px; color: #373f48; }
    .visual.main .swiper2 .swiper-slide dt:before { content: 'PRODUCT'; display: block; width: 60px; margin: 0 0 13px; font-size: 9px; font-weight: 700; line-height: 17px; letter-spacing: 0.45px; text-align: center; color: #fff; background: rgb(54,58,122); background: linear-gradient(90deg, rgba(54,58,122,1) 0%, rgba(90,111,103,1) 50%, rgba(136,179,80,1) 100%); }
    .visual.main .swiper2 .swiper-slide dd { font-size: 13px; line-height: 17px; color: #a4a4a4; }
    .visual.main .swiper2 .swiper-slide-thumb-active dl { width: 195px; border: 2px solid #84af51; }
    .visual.main .swiper2 .swiper-slide-thumb-active dl:after { opacity: 0; }
    .visual.main .swiper2 .swiper-slide-thumb-active dt { color: #000; }
    .visual.main .swiper2 .visual1 dl:before { background-image: url(../_img/visual1s.jpg?1); }
    .visual.main .swiper2 .visual2 dl:before { background-image: url(../_img/visual2s.jpg?1); }
    .visual.main .swiper2 .visual3 dl:before { background-image: url(../_img/visual3s.jpg?1); }
    .visual.main .swiper2 .visual4 dl:before { background-image: url(../_img/visual4s.jpg?1); }
    .visual.main .swiper2 .visual5 dl:before { background-image: url(../_img/visual5s.png?1); }
    .visual.main .swiper2 .visual6 dl:before { background-image: url(../_img/visual6s.jpg?1); }
    .visual.main .swiper2 .visual7 dl:before { background-image: url(../_img/visual7s.jpg?1); }
    .visual.main .swiper2 .visual8 dl:before { background-image: url(../_img/visual8s.jpg?1); }
    .visual.main .swiper-button-prev,
    .visual.main .swiper-button-next { display: inline-block; vertical-align: middle; width: 51px; height: 39px; margin: 0; padding: 0; position: absolute; top: 420px; opacity: 1; }
    .visual.main .swiper-button-prev:after,
    .visual.main .swiper-button-next:after { display: none; }
    .visual.main .swiper-button-prev { left: calc(50% - 600px); background: url(../_img/icon_arrow-left_51x20_fff.png) no-repeat; }
    .visual.main .swiper-button-next { right: calc(50% - 600px); background: url(../_img/icon_arrow-right_51x20_fff.png) no-repeat; }
    .visual.main .swiper-pagination { width: 600px; margin: 0; padding: 0; font-size: 0; line-height: 0; position: absolute; top: 427px; left: 50%; transform: translateX(-50%); z-index: 105; }
    .visual.main .swiper-pagination-bullet { width: 14px; height: 14px; margin: 0 10px; border-radius: 0; background-color: #fff; opacity: 1; z-index: 105; }
    .visual.main .swiper-pagination-bullet-active { background-color: #8ab74e; }

    .about-cospec-innolab { height: 782px; padding: 93px 0 0; background: #faf6f3 url(../_img/about-cospec-innolab_bg.jpg) no-repeat 100% 100%; }
    .about-cospec-innolab .content-box { padding-left: 22px; }
    .about-cospec-innolab .content-box:after { width: 459px; height: 608px; position: absolute; top: 50%; right: 38px; transform: translateY(-50%); }
    .about-cospec-innolab h2 { font-size: 18px; letter-spacing: -0.9px; }
    .about-cospec-innolab h2+p { margin: 14px 0 28px 0; font-size: 40px; line-height: 51px; letter-spacing: -2px; }
    .about-cospec-innolab h2+p+p { font-size: 17px; line-height: 30px; letter-spacing: -0.85px; }
    .about-cospec-innolab ul { margin: 50px 0 0; }
    .about-cospec-innolab ul > li { margin-top: 15px; font-size: 15px; line-height: 28px; }
    .about-cospec-innolab ul > li a { width: 320px; padding-left: 26px; }
    .about-cospec-innolab ul > li strong { margin-right: 6px; }

    .our-customers { height: 872px; padding: 136px 0 0; }
    .our-customers h2 { font-size: 35px; line-height: 35px; letter-spacing: -1.75px; }
    .our-customers h2+p { margin: 23px 0 0; font-size: 17px; line-height: 17px; letter-spacing: -0.85px; }
    .our-customers ul { margin: 73px 0 0; }
    .our-customers ul > li { width: 25%; padding: 29px 0; }

    .cospec-innolab-contact-us { height: 493px; background-image: url(../_img/cospec-innolab-contact-us_bg.jpg); }
    .cospec-innolab-contact-us > p { font-size: 40px; line-height: 44px; letter-spacing: -0.8px; }
    .cospec-innolab-contact-us > p+a { width: 178px; height: 58px; margin: 45px auto 0 auto; border-radius: 29px; font-size: 20px; line-height: 58px; overflow: hidden; position: relative; }
    .cospec-innolab-contact-us > p+a > span { position: relative; }
    .cospec-innolab-contact-us > p+a:before { content: ''; display: block; width: 120%; height: 100%; background: rgb(54,58,122); background: linear-gradient(90deg, rgba(54,58,122,1) 0%, rgba(90,111,103,1) 50%, rgba(136,179,80,1) 100%); position: absolute; left: 0; top: 0; transform-origin: right top; transform: translateX(-101%) skewX(-17.62deg); transition: transform .55s cubic-bezier(.52,.08,.18,1); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
    .cospec-innolab-contact-us > p+a:hover > span { color: #fff; }
    .cospec-innolab-contact-us > p+a:hover:before {transform: translateX(0) skewX(-17.62deg);transform-origin: left top;}
}
@media (max-width:819px) {
    .visual.main { background: #fff; position: relative; }
    .visual.main .swiper1 .swiper-slide { height: 116vmin; background-repeat: no-repeat; background-position: 50% 0; background-size: cover; text-align: center; position: relative; }
    .visual.main .swiper1 .swiper-slide:before { content: ''; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 0; background-size: cover; position: absolute; top: 0; left: 0; transition: all 8s; transform: scale(1.2); }
    .visual.main .swiper1 .swiper-slide-active:before { transform: scale(1.0) perspective(500px) rotate(.001deg); }
    .visual.main .swiper1 .swiper-slide:after { content: ''; display: block; width: 15.0667vmin; height: 6.4vmin; background: url(../_img/icon_hand_113x48_fff.png) no-repeat 50%/cover; position: absolute; bottom: 1.8667vmin; left: 50%; transform: translateX(-50%); }
    .visual.main .swiper1 .visual1:before { background-image: url(../_img/visual1_m.jpg); }
    .visual.main .swiper1 .visual2:before { background-image: url(../_img/visual2_m.jpg); }
    .visual.main .swiper1 .visual3:before { background-image: url(../_img/visual3_m.jpg); }
    .visual.main .swiper1 .visual4:before { background-image: url(../_img/visual4_m.jpg); }
    .visual.main .swiper1 .visual5:before { background-image: url(../_img/visual5_m.png); }
    .visual.main .swiper1 .visual6:before { background-image: url(../_img/visual6_m.jpg); }
    .visual.main .swiper1 .visual7:before { background-image: url(../_img/visual7_m.jpg); }
    .visual.main .swiper1 .visual8:before { background-image: url(../_img/visual8_m.jpg); }
    .visual.main .swiper1 .swiper-slide dl { width: 100%; position: absolute; top: 22vmin; left: 50%; transform: translateX(-50%); }
    .visual.main .swiper1 .swiper-slide dt { padding: 0; font-size: 4.6427vmin; line-height: 4.6427vmin; color: #fff; }
    .visual.main .swiper1 .swiper-slide dt strong { display: block; margin: 2.4vmin 0 4.5333vmin; font-size: 7.8813vmin; line-height: 7.7333vmin; }
    .visual.main .swiper1 .swiper-slide dd { padding: 0 4vmin; font-size: 3vmin; line-height: 4.7273vmin; letter-spacing: -0.15vmin; color: #fff; }
    .visual.main .swiper1 .swiper-slide dd.btn-area { padding-top: 4.5333vmin; }
    .visual.main .swiper1 .swiper-slide dd.btn-area a { display: inline-block; min-width: 20.4vmin; padding: 0; border: 0; border-radius: 2.7333vmin; background-color: #363a7a; font-size: 2.2vmin; line-height: 5.4667vmin; color: #fff; text-align: center; overflow: hidden; position: relative; }
    .visual.main .swiper1 .swiper-slide dd.btn-area a:before { content: ''; display: block; width: 120%; height: 100%; background: rgb(54,58,122); background: linear-gradient(90deg, rgba(54,58,122,1) 0%, rgba(90,111,103,1) 50%, rgba(136,179,80,1) 100%); position: absolute; left: 0; top: 0; transform-origin: right top; transform: translateX(-101%) skewX(-17.62deg); transition: transform .55s cubic-bezier(.52,.08,.18,1); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
    .visual.main .swiper1 .swiper-slide dd.btn-area a > span { position: relative; }
    .visual.main .swiper1 .swiper-slide dd.btn-area a:hover:before {transform: translateX(0) skewX(-17.62deg);transform-origin: left top;}
    .visual.main .swiper-slide.blank,
    .visual.main .swiper-pagination,
    .visual.main .swiper-button-prev,
    .visual.main .swiper-button-next { display: none !important; }
    .visual.main .swiper2 { padding: 4.6667vmin 4.5333vmin 13.8667vmin 4.5333vmin; background: #000; }
    .visual.main .swiper2 .swiper-slide dl { margin: 0 auto; }
    .visual.main .swiper2 .swiper-slide dl:before { content: ''; display: block; width: 16vmin; height: 10.9333vmin; margin: 0 auto; border: 1px solid #d0d0d0; background-repeat: no-repeat; background-position: 50% 0; background-size: cover; text-align: center; }
    .visual.main .swiper2 .swiper-slide dl:after { content: ''; display: block; width: calc(16vmin + 2px); height: calc(10.9333vmin + 2px); background: rgba(0,0,0,.6); position: absolute; top: 0; left: 50%; transform: translateX(-50%); }
    .visual.main .swiper2 .swiper-slide-thumb-active dl:after { opacity: 0; }
    .visual.main .swiper2 .swiper-slide dt { padding: 1.8667vmin 0 0; font-size: 2.1333vmin; font-weight: 500; line-height: 2.1333vmin; color: rgba(255,255,255,0.66); text-align: center; letter-spacing: -0.0619vmin; }
    .visual.main .swiper2 .swiper-slide dt:before,
    .visual.main .swiper2 .swiper-slide dd { display: none; }
    .visual.main .swiper2 .swiper-slide dd:nth-of-type(1) { min-height: 84px; padding-bottom: 19px; }
    :lang(en) .visual.main .swiper2 .swiper-slide dd:nth-of-type(1) { min-height: 138px; }
    .visual.main .swiper2 .swiper-slide dd:nth-of-type(2) { padding-bottom: 21px; border-bottom: 1px solid #e0e0e0; }
    .visual.main .swiper2 .swiper-slide dd a { display: inline-block; padding: 0 19px; border: 1px solid #aeafa9; font-size: 13px; line-height: 36px; color: #898b80; overflow: hidden; position: relative; }
    .visual.main .swiper2 .swiper-slide dd a > span { position: relative; }
    .visual.main .swiper2 .swiper-slide dd a:before { content: ''; display: block; width: 120%; height: 100%; background: rgb(54,58,122); background: linear-gradient(90deg, rgba(54,58,122,1) 0%, rgba(90,111,103,1) 50%, rgba(136,179,80,1) 100%); position: absolute; left: 0; top: 0; transform-origin: right top; transform: translateX(-101%) skewX(-17.62deg); transition: transform .55s cubic-bezier(.52,.08,.18,1); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
    .visual.main .swiper2 .swiper-slide dd a:hover > span { color: #fff; }
    .visual.main .swiper2 .swiper-slide dd a:hover:before {transform: translateX(0) skewX(-17.62deg);transform-origin: left top;}
    .visual.main .swiper2 .visual1 dl:before { background-image: url(../_img/visual1s.jpg); }
    .visual.main .swiper2 .visual2 dl:before { background-image: url(../_img/visual2s.jpg); }
    .visual.main .swiper2 .visual3 dl:before { background-image: url(../_img/visual3s.jpg); }
    .visual.main .swiper2 .visual4 dl:before { background-image: url(../_img/visual4s.jpg); }
    .visual.main .swiper2 .visual5 dl:before { background-image: url(../_img/visual5s.png); }
    .visual.main .swiper2 .visual6 dl:before { background-image: url(../_img/visual6s.jpg); }
    .visual.main .swiper2 .visual7 dl:before { background-image: url(../_img/visual7s.jpg); }
    .visual.main .swiper2 .visual8 dl:before { background-image: url(../_img/visual8s.jpg); }
    .visual.main .button-area { display: flex; }
    .visual.main .swiper-button-prev,
    .visual.main .swiper-button-next { display: inline-block; vertical-align: middle; width: 51px; height: 20px; margin: 0; padding: 0; position: static; top: auto; right: auto; left: auto; opacity: 1; }
    .visual.main .swiper-button-prev:after,
    .visual.main .swiper-button-next:after { display: none; }
    .visual.main .swiper-button-prev { background: url(../_img/icon_arrow-left_51x20_fff.png) no-repeat; }
    .visual.main .swiper-button-next { background: url(../_img/icon_arrow-right_51x20_fff.png) no-repeat; }
    .visual.main .swiper2 .swiper-pagination { margin: 0 auto 29px auto; position: relative; left: auto; bottom: auto; z-index: 105; }
    .visual.main .swiper2 .swiper-pagination-bullet { width: 14px; height: 14px; margin: 0 10px; border-radius: 0; background-color: #fff; opacity: 1; z-index: 105; }
    .visual.main .swiper2 .swiper-pagination-bullet-active { background-color: #8ab74e; }

    .about-cospec-innolab { padding: 7.6vmin 0 16.5333vmin; background: #faf6f3 url(../_img/about-cospec-innolab_bg_m.jpg) no-repeat 100% calc(100% - 7.7333vmin)/auto 43.3333vmin; }
    .about-cospec-innolab .content-box { padding: 0 5.0667vmin; }
    .about-cospec-innolab .content-box:after { content: ''; display: block; width: 61.2vw; height: 81.0667vw; margin: 10vw auto 0 auto; background-size: cover; }
    .about-cospec-innolab h2 { font-size: 3.0667vmin; letter-spacing: -0.1533vmin; }
    .about-cospec-innolab h2+p { margin: 3.8667vmin 0 5.3333vmin; font-size: 6.6667vmin; line-height: 8.2667vmin; letter-spacing: -0.6vmin; }
    .about-cospec-innolab h2+p+p { font-size: 2.9333vmin; line-height: 4.9333vmin; letter-spacing: -0.1643vmin; }
    .about-cospec-innolab ul { margin: 5.3333vmin 0 0; }
    .about-cospec-innolab ul > li { margin-top: 2.4vmin; font-size: 2.496vmin; line-height: 4.8vmin; }
    .about-cospec-innolab ul > li a { display: block; background-position: 1.0667vmin 50%; background-size: 1.8667vmin auto; padding-left: 5.6vmin; }
    .about-cospec-innolab ul > li a:before { width: 4.8vmin; height: 4.8vmin; }
    .about-cospec-innolab ul > li a:after { width: 0.9333vmin; height: 1.7333vmin; background-size: cover; top: 1.5vmin; right: 1.7vmin; }
    .about-cospec-innolab ul > li strong { margin-right: 1.3333vmin; font-size: 2.8293vmin; }

    .our-customers { padding: 11.3333vmin 0 0; background-size: cover; }
    .our-customers h2 { font-size: 6vmin; line-height: 6vmin; letter-spacing: -0.3vmin; }
    .our-customers h2+p { margin: 3.0667vmin 0 0; font-size: 2.9333vmin; line-height: 4.5333vmin; letter-spacing: -0.1467vmin; }
    .our-customers ul { margin: 5.8667vmin 0; }
    .our-customers ul > li { width: calc(100% / 3); padding: 4.8vmin 0; }
    .our-customers ul > li img { max-height: 5.3333vmin; }
    .our-customers ul > li:nth-last-of-type(1) img { max-height: 3.3333vmin; }
    .our-customers ul > li:nth-of-type(16),
    .our-customers ul > li:nth-of-type(12),
    .our-customers ul > li:nth-of-type(8),
    .our-customers ul > li:nth-of-type(4) { display: none; }

    .cospec-innolab-contact-us { height: 66.4vmin; background-image: url(../_img/cospec-innolab-contact-us_bg_m.jpg); background-size: cover; }
    .cospec-innolab-contact-us > p { font-size: 5vmin; line-height: 5.8667vmin; letter-spacing: -0.274vmin; }
    .cospec-innolab-contact-us > p+a { width: 28.5333vmin; height: 9.3333vmin; margin: 5.7333vmin auto 0 auto; border-radius: 4.6667vmin; font-size: 3.2187vmin; line-height: 9.3333vmin; }
}

    .top-technologies .swiper-slide { background-repeat: no-repeat; background-size: cover; }
    .top-technologies .about-technologies1 { background-image: url(../_img/about-technologies1.jpg); }
    .top-technologies .about-technologies2 { background-image: url(../_img/about-technologies2.jpg); }
    .top-technologies .about-technologies3 { background-image: url(../_img/about-technologies3.jpg); }
    .top-technologies .about-technologies4 { background-image: url(../_img/about-technologies4.jpg); }
    .top-technologies .about-technologies5 { background-image: url(../_img/about-technologies5.jpg); }
    .top-technologies .about-technologies6 { background-image: url(../_img/about-technologies6.jpg); }
    .top-technologies .about-technologies7 { background-image: url(../_img/about-technologies7.jpg); }
    .top-technologies .about-technologies8 { background-image: url(../_img/about-technologies8.jpg); }
    .top-technologies .swiper-slide .thumb { display: none; }

    .history-projects-technologies .tabs-content .bar:before { content: attr(data-before-text); }
    .history-projects-technologies .tabs-content .bar:after { content: attr(data-after-text); }
    .history-projects-technologies .tabs-content .bar.y2013 { background:#28284a; }
    .history-projects-technologies .tabs-content .bar.y2013-2016 { background: linear-gradient(90deg, rgba(40,40,73,1) 0%, rgba(95,44,96,1) 50%, rgba(114,37,82,1) 100%); }
    .history-projects-technologies .tabs-content .bar.y2013-2018 { background: linear-gradient(90deg, rgba(40,40,73,1) 0%, rgba(182,13,28,1) 50%, rgba(215,0,0,1) 100%); }
    .history-projects-technologies .tabs-content .bar.y2013-ing { background: linear-gradient(90deg, rgba(40,40,73,1) 0%, rgba(181,13,29,1) 50%, rgba(156,0,0,1) 100%); }
    .history-projects-technologies .tabs-content .bar.y2014 { background:#383979; }
    .history-projects-technologies .tabs-content .bar.y2014-ing { background: linear-gradient(90deg, rgba(56,57,121,1) 0%, rgba(206,4,8,1) 50%, rgba(156,0,0,1) 100%); }
    .history-projects-technologies .tabs-content .bar.y2015 { background:#3d3876; }
    .history-projects-technologies .tabs-content .bar.y2015-ing { background: linear-gradient(90deg, rgba(61,56,118,1) 0%, rgba(216,1,1,1) 50%, rgba(155,1,2,1) 100%); }
    .history-projects-technologies .tabs-content .bar.y2016 { background: linear-gradient(90deg, rgba(87,47,103,1) 0%, rgba(92,45,100,1) 50%, rgba(87,47,103,1) 100%); }
    .history-projects-technologies .tabs-content .bar.y2016-ing { background: linear-gradient(90deg, rgba(87,47,103,1) 0%, rgba(115,38,87,1) 50%, rgba(162,22,60,1) 100%); }
    .history-projects-technologies .tabs-content .bar.y2017-2018 { background: linear-gradient(90deg, rgba(150,26,67,1) 0%, rgba(166,19,50,1) 50%, rgba(209,0,0,1) 100%);}
    .history-projects-technologies .tabs-content .bar.y2017-2021 { background: linear-gradient(90deg, rgba(150,26,67,1) 0%, rgba(214,0,0,1) 50%, rgba(156,0,0,1) 100%); }
    .history-projects-technologies .tabs-content .bar.y2018-ing { background: linear-gradient(90deg, rgba(151,26,66,1) 0%, rgba(213,0,0,1) 50%, rgba(156,0,0,1) 100%); }
    .history-projects-technologies .tabs-content .bar.y2021-ing { background: #9c0000; }
    .history-projects-technologies .tabs-content .bar.y2024 { background: #9c0000; }
    .history-projects-technologies .tabs-content .bar.y2020 { background: linear-gradient(90deg, rgba(217,0,0,1) 0%, rgba(168,0,0,1) 50%, rgba(156,0,0,1) 100%); }
    [class*="product-top"] > h2 > span { display: block; text-align: right; }
/* PRODUCT - 상단탭 */
    .product-tabs .content-box,
    .product-tabs ul { display: flex; flex-flow: row wrap; align-items: center; }
    .product-tabs { border-bottom: 1px solid #eee; }
    .product-tabs .home { width: 60px; height: 60px; background: #8ab74e url(../_img/icon_home_28x27_fff.png) no-repeat 50%; border: 1px solid #eee; border-width: 0 1px; }
    .product-tabs .home+span { padding: 0 76px 0 22px; background: url(../_img/icon_angle-right_9x16_666.png) no-repeat calc(100% - 25px) 50%; font-size: 16px; color: #959595; text-transform: uppercase; }
    .product-tabs ul { margin: 0; padding: 0; list-style: none; text-align: center; }
    .product-tabs ul > li { width: calc(1200px / 8 - 8px); letter-spacing: -.5px }
    .product-tabs ul > li a { display: block; font-size: 16px; line-height: 60px; color: #191919; transition: .2s ease; }
    .product-tabs ul > li a:hover,
    .product-tabs ul > li.active a { background-color: #373a7a; color: #fff; }
/* PRODUCT - 설명 기본 형태 */
    .product .default { padding-top: 90px; padding-bottom: 90px; }
    .product .default .content-box > h3 { margin: 0 0 24px; font-size: 50px; font-weight: 700; line-height: 50px; color: #000 }
    .product .default .content-box > h3+p { font-size: 17px; font-weight: 300; line-height: 24px; color: #000; }
    .product .default .btn-area { margin: 85px auto; }
    .product .default .btn-pc { display: none; }
    .product .default .btn-download { display: block; width: 273px; margin: 0 auto; background: #cd1c24; border-radius: 30.5px; font-size: 20px; font-weight: 700; line-height: 61px; color: #fff; text-align: center; overflow: hidden; position: relative; }
    .product .default .btn-download > span { position: relative; }
    .product .default .btn-download:before { content: ''; display: inline-block; vertical-align: middle; width: 32px; height: 26px; margin-right: 13px; background: url(../_img/icon_download_32x26_fff.png) no-repeat 0 50%; position: relative; }
    .product .default .btn-download:after { content: ''; display: block; width: 120%; height: 100%; background: rgb(54,58,122); background: linear-gradient(90deg, rgba(54,58,122,1) 0%, rgba(90,111,103,1) 50%, rgba(136,179,80,1) 100%); position: absolute; left: 0; top: 0; transform-origin: right top; transform: translateX(-101%) skewX(-17.62deg); transition: transform .55s cubic-bezier(.52,.08,.18,1); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
    .product .default .btn-download:hover:before,
    .product .default .btn-download:hover > span { z-index: 10; }
    .product .default .btn-download:hover:after { transform: translateX(0) skewX(-17.62deg);transform-origin: left top; }

    .visual.main .swiper2 .swiper-slide dd a { display: inline-block; padding: 0 19px; border: 1px solid #aeafa9; font-size: 13px; line-height: 36px; color: #898b80; overflow: hidden; position: relative; }
    .visual.main .swiper2 .swiper-slide dd a > span { position: relative; }
    .visual.main .swiper2 .swiper-slide dd a:before { content: ''; display: block; width: 120%; height: 100%; background: rgb(54,58,122); background: linear-gradient(90deg, rgba(54,58,122,1) 0%, rgba(90,111,103,1) 50%, rgba(136,179,80,1) 100%); position: absolute; left: 0; top: 0; transform-origin: right top; transform: translateX(-101%) skewX(-17.62deg); transition: transform .55s cubic-bezier(.52,.08,.18,1); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
    .visual.main .swiper2 .swiper-slide dd a:hover > span { color: #fff; }
    .visual.main .swiper2 .swiper-slide dd a:hover:before { transform: translateX(0) skewX(-17.62deg);transform-origin: left top; }

@media (min-width:1200px) {
    .top-technologies .swiper-wrap { overflow-x: hidden; }
    .top-technologies .swiper-wrap2 { width: 1200px; margin: 0 auto; }
    .top-technologies .swiper-wrap .swiper-container { overflow: visible !important; }
    .top-technologies .swiper-slide:before { background: rgba(255,255,255,.56); z-index: 50; }
    .top-technologies .swiper-slide-active+div:before,
    .top-technologies .swiper-slide-active:before { display: none; }
}
@media (min-width:820px) {
    /* ABOUT - 비주얼 */
    .visual.about { height: 831px; position: relative; overflow: hidden; }
    .visual.about:before { content: ''; display: block; width: 100%; height: 100%; background: url(../_img/visual_about.jpg) no-repeat 50% 0/cover; position: absolute; top: 0; left: 0; transition: all 8s; transform: scale(1.2); }
    .visual.about.animate__animated:before { transform: scale(1.0) perspective(500px) rotate(.001deg); }
    .visual.about .content-box { padding: 118px 0 0; text-align: right; color: #fff; }
    .visual.about h2 { margin: 0 0 32px; font-size: 60px; font-weight: 350; line-height: 70px; }
    .visual.about h2 strong { font-weight: 900; }
    .visual.about h2+p { font-size: 17px; line-height: 29px; }

    /* ABOUT - 우리는 */
    .our.about { padding: 96px 0 0; position: relative; }
    .our.about h2 { padding: 0 0 52px; font-size: 40px; font-weight: 400; color: #0d0d0d; text-align: center; }
    .our.about ul { margin: 0; padding: 0; list-style: none; }
    .our.about .content-box { padding-bottom: 95px; border-bottom: 1px solid #dbe1e2; }
    .our.about .content-box > ul { display: flex; flex-flow: row wrap; }
    .our.about .content-box > ul > li { width: 25%; }
    .our.about .content-box > ul > li dl { width: 252px; }
    .our.about .content-box > ul > li dl:before { content: ''; display: block; height: 250px; background-repeat: no-repeat; }
    .our.about .content-box > ul > li:nth-of-type(1) dl:before { background-image: url(../_img/about-our1.jpg); }
    .our.about .content-box > ul > li:nth-of-type(2) dl:before { background-image: url(../_img/about-our2.jpg); }
    .our.about .content-box > ul > li:nth-of-type(3) dl { width: 286px; }
    .our.about .content-box > ul > li:nth-of-type(3) dl:before { background-image: url(../_img/about-our3.jpg); }
    .our.about .content-box > ul > li:nth-of-type(4) dl:before { background-image: url(../_img/about-our4.jpg); }
    .our.about .content-box > ul dt { padding: 0 0 20px; font-size: 25px; font-weight: 700; line-height: 25px; color: #131820; }
    .our.about .content-box > ul dd { font-size: 14px; font-weight: 300; line-height: 24px; color: #5f6164; letter-spacing: -0.7px; }
    .our.about .content-box > ul dd ul strong { font-size: 15px; font-weight: 700; color: #5f6164; }
    .our.about .content-box > ul dd ul > li { padding-left: 11px; position: relative; }
    .our.about .content-box > ul dd ul > li:before { content: ''; display: block; width: 3px; height: 3px; background: #5f6164; border-radius: 1px; position: absolute; top: 10px; left: 3px; }
    .our.about .content-box > ul dd a[href*="mail"] { display: block; width: 200px; height: 40px; margin: 18px 0 0; padding: 0 0 0 18px; background: #363a7a url(../_img/icon_mail_16x13_fff.png) no-repeat calc(100% - 17px) 50%; font-size: 13px; line-height: 40px; color: #fff; }
    /* ABOUT - 기술 소개 */
    .top-technologies { padding-top: 98px; }
    .top-technologies h2 { font-size: 18px; font-weight: 400; color: #000; }
    .top-technologies h2 strong { font-weight: 400; color: #8ab74e; }
    .top-technologies h2+p { font-size: 50px; font-weight: 700; line-height: 60px; color: #000; }
    .top-technologies ul { margin: 37px 0 0 0; padding: 0; list-style: none; }
    .top-technologies ul > li { padding-left: 18px; font-size: 16.5px; font-weight: 300; color: #000; position: relative; }
    .top-technologies ul > li:before { content: ''; display: block; width: 4px; height: 4px; background: #363a7a; position: absolute; top: 12px; left: 0; }
    .top-technologies .content-box { display: flex; flex-flow: row wrap; justify-content: space-between; }
    .top-technologies .swiper-slide { display: flex; justify-content: center; align-items: flex-end; width: 587px; height: 567px; padding-bottom: 44px; }
    .top-technologies .swiper-slide:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; transition: .2s ease; }
    .top-technologies .swiper-slide dl { width: 100%; text-align: center; }
    .top-technologies .swiper-slide dt,
    .top-technologies .swiper-slide dd { color: #fff; text-align: center; }
    .top-technologies .swiper-slide dt { padding: 0 0 22px; font-size: 30px; font-weight: 700; line-height: 30px; }
    .top-technologies .swiper-slide dd { font-size: 0.969rem; font-weight: 350; line-height: 20px; }
    .top-technologies .swiper-slide dd:nth-of-type(1) { padding: 0 20px 32px 20px; }
    .top-technologies .swiper-slide dd:nth-last-of-type(1) a { display: block; width: 199px; margin: 0 auto; padding-right: 15px; line-height: 39px; background: #cd1c24; overflow: hidden; position: relative; transition: .2s ease; }
    .top-technologies .swiper-slide dd:nth-last-of-type(1) a > span { position: relative; }
    .top-technologies .swiper-slide dd:nth-last-of-type(1) a:after { content: ''; display: block; width: 15px; height: 15px; background: url(../_img/icon_plus_15x15_fff.gif) no-repeat; position: absolute; top: 50%; right: 17px; transform: translateY(-50%); transition: .2s ease; }
    .top-technologies .swiper-slide dd:nth-last-of-type(1) a:hover:after { transform: rotate(180deg); margin-top: -7.5px; }
    .top-technologies .button-area { display: flex; width: 1200px; height: 68px; margin: 0 auto; }
    .top-technologies .button-area > div { width: 92px; height: 39px; margin: 0; position: relative; top: auto; left: auto; right: auto; transition: .2s ease; }
    .top-technologies .button-area > div:after { font-family: 'Noto Sans KR'; font-size: 16px; color: #040404; }
    .top-technologies .button-area > div:hover { transform:scale(1.03); }
    .top-technologies .button-area > div:hover:after { color: #373a7a; }
    .top-technologies .button-area .swiper-button-prev { background: url(../_img/icon_angle-left_8x14.png) no-repeat 6px 55%; }
    .top-technologies .button-area .swiper-button-next { background: url(../_img/icon_angle-right_8x14.png) no-repeat calc(100% - 6px) 55%;}
    .top-technologies .button-area .swiper-button-next:before { content: ''; height: 12px; border-left: 1px solid #c5c5c5; position: absolute; top: 60%; left: 0; transform: translateY(-60%); }

    /* ABOUT - HISTORY, PROJECT, TECHNOLOGIES */
    .history-projects-technologies { padding: 150px 0 127px; }
    .history-projects-technologies .content-box { display: flex; flex-flow: row wrap; justify-content: space-between; }
    .history-projects-technologies .tabs { width: 370px; }
    .history-projects-technologies .tabs li { padding-bottom: 45px; }
    .history-projects-technologies .tabs a { font-size: 50px; font-weight: 900; line-height: 1; color: #ddd; transition: .2s ease; }
    .history-projects-technologies .tabs .active a { color: #000; }
    .history-projects-technologies .tabs-content { width: 765px; display: none; }
    .history-projects-technologies .tabs-content.active { display: block; }
    .history-projects-technologies .tabs-content > dl { margin: 0 0 58px; }
    .history-projects-technologies .tabs-content > h3,
    .history-projects-technologies .tabs-content > dl > dt { margin: 0; padding-bottom: 14px; font-size: 67.15px; font-weight: 900; line-height: 67.15px; color: #363a7a; }
    .history-projects-technologies .tabs-content > dl > dd { font-size: 16px; font-weight: 350; line-height: 16px; color: #8c8c8c; }
    .history-projects-technologies .tabs-content ul { margin: 0; padding: 0; list-style: none; }
    .history-projects-technologies .tabs-content > ul > li { font-size: 24px; font-weight: 900; color: #010101; }
    .history-projects-technologies .tabs-content > ul > li > ul { margin: 25px 0 40px; }
    .history-projects-technologies .tabs-content > ul > li > ul > li { padding-left: 28px; font-size: 18px; font-weight: 350; line-height: 30px; color: #686868; position: relative; }
    .history-projects-technologies .tabs-content > ul > li > ul > li strong { font-weight: 350; color: #000; }
    .history-projects-technologies .tabs-content > ul > li > ul > li:before { content: ''; display: block; width: 8px; height: 8px; background: #e50016; border-radius: 50%; position: absolute; top: 12px; left: 4px; }
    .history-projects-technologies .tabs-content .bar { display: flex; flex-wrap: row wrap; justify-content: space-between; height: 7px; margin: 10px 0 50px -24px; position: relative; }
    .history-projects-technologies .tabs-content .bar:before,
    .history-projects-technologies .tabs-content .bar:after { margin-top: 12px; font-size: 15px; font-weight: 350; color: #010101; }

    .history-projects-technologies .scroll-box { height: 792px; padding-right: 80px; overflow: hidden; overflow-y: auto; }
    .history-projects-technologies .scroll-box::-webkit-scrollbar { width: 7px; }
    .history-projects-technologies .scroll-box::-webkit-scrollbar-track { background: #ddd; border-radius: 0; }
    .history-projects-technologies .scroll-box::-webkit-scrollbar-thumb { width: 7px; background: #363a7a; border-radius: 0; }
    #aboutHISTORY:before { content: ''; display: block; height: 105px; margin-bottom: 40px; background: url(../_img/about-history-top.jpg) no-repeat; }
    #aboutPROJECTS:before { content: ''; display: block; height: 105px; margin-bottom: 40px; background: url(../_img/about-projects-top.jpg) no-repeat; }
    #aboutTECHNOLOGIES:before { content: ''; display: block; height: 105px; margin-bottom: 40px; background: url(../_img/about-technologies-top.jpg) no-repeat; }
    /* ABOUT - 위치 및 연락처 */
    .location-n-contacts { padding: 113px 0 98px; background-color: #f6f5f3; text-align: center; }
    .location-n-contacts h2 { font-size: 40px; font-weight: 400; line-height: 40px; color: #0d0d0d; }
    .location-n-contacts h2+p { margin: 0; padding: 30px 0 0; font-size: 18px; line-height: 18px; color: #1d1d1d; }
    .location-n-contacts ul { display: flex; flex-flow: row wrap; justify-content: center; margin: 40px auto 30px; padding: 0; list-style: none; }
    :lang(en) .location-n-contacts ul { width: 900px; }
    .location-n-contacts ul > li { font-size: 16px; color: #787878; }
    .location-n-contacts ul > li:before { content: ''; display: inline-block; vertical-align: middle; height: 13px; margin: 0 16px; border-left: 1px solid #d4d4d4; }
    .location-n-contacts ul > li:first-child:before { display: none; }
    .location-n-contacts ul > li strong { font-weight: 400; color: #000; }
    .location-n-contacts .link { display: flex; justify-content: flex-end; align-items: center; background-color: #f7f9fd; }
    .location-n-contacts .link a { display: flex; align-items: center; height: 43px; margin: 0 7px; }

    [class*="product-top"] { display: flex; flex-flow: row wrap; align-items: flex-end; height: 339px; background-repeat: no-repeat; background-position: 50%; }
    [class*="product-top"] > h2 { width: 1200px; margin: 0 auto; padding: 0 0 55px; font-size: 20px; font-weight: 400; line-height: 26px; text-align: right; letter-spacing: -1px; color: #fff; }
    [class*="product-top"] > h2:first-line { font-size: 59.78px; font-weight: 700; line-height: 74px; }
    .product.BIM_Station .product-top { background-image: url(../_img/product-top-BIM_Station.jpg) }
    .product.DiPlan .product-top { background-image: url(../_img/product-top-DiPlan.jpg) }
    .product.KBim_D-Generator .product-top { background-image: url(../_img/product-top-KBim_D-Generator.jpg) }
    .product.KBim_Assess-Lite .product-top { background-image: url(../_img/product-top-KBim_Assess-Lite.jpg) }
    .product.xPPM-neo .product-top { background-image: url(../_img/product-top-xPPM-neo.png) }
    .product.AIBIM-Design .product-top { background-image: url(../_img/product-top-AIBIM.jpg) }
    .product.KAC-BIMSolution .product-top { background-image: url(../_img/product-top-KAC-BIMSolution.jpg) }
    .product.inCloud .product-top { background-image: url(../_img/product-top-inCloud.jpg) }
    .product.faq .product-top { background-image: url(../_img/support-top-faq.png) }
    .product.inquiry .product-top { background-image: url(../_img/support-top-inquiry.png) }
    .product.privacy-policy .product-top { background-image: url(../_img/privacy-policy.png) }
    

    .product-tabs select { display: none; }

    .product.BIM_Station .default .list { display: flex; flex-flow: row wrap; justify-content: space-between; margin: 35px 0 0; padding: 0; list-style: none; }
    .product.BIM_Station .default .list > li { width: calc(100% / 4); }
    .product.BIM_Station .default .list > li:before { content: ''; display: block; width: 276px; height: 240px; border: 1px solid #e0e0e0; border-bottom: 0; background-repeat: no-repeat; }
    .product.BIM_Station .default .list > li > p { width: 276px; height: 100px; padding: 28px 20px 37px; border: 1px solid #e0e0e0; border-top: 0; font-size: 15px; line-height: 20px; color: #454545; }
    :lang(en) .product.BIM_Station .default .list > li > p { height: 130px; }
    .product.BIM_Station .default .list > li:nth-of-type(1):before { background-image: url(../_img/product-BIM_Station-default-list1.jpg); }
    .product.BIM_Station .default .list > li:nth-of-type(2):before { background-image: url(../_img/product-BIM_Station-default-list2.jpg); }
    .product.BIM_Station .default .list > li:nth-of-type(3):before { background-image: url(../_img/product-BIM_Station-default-list3.jpg); }
    .product.BIM_Station .default .list > li:nth-of-type(4):before { background-image: url(../_img/product-BIM_Station-default-list4.jpg); }
    .major-features-of-BIM_Station { background: url(../_img/product-BIM_Station-major-features-of-BIM_Station-bg.jpg) no-repeat 50% 0; }
    .product.BIM_Station [class*="features"] { padding-bottom: 75px; border-top: 1px solid #d7d7d7; }
    .product.BIM_Station [class*="features"] h3 { margin: 75px 0 25px; font-size: 35px; font-weight: 400; line-height: 35px; color: #000; }
    .product.BIM_Station [class*="features"] h3 strong { font-weight: 700; }
    .product.BIM_Station [class*="features"] ul { margin: 0; padding: 0; list-style: none; }
    .product.BIM_Station [class*="features"] .btn-area { padding-top: 47px; text-align: center; }
    .product.BIM_Station [class*="features"] .btn-view { display: inline-block; min-width: 237px; padding: 0 45px; background-color: #cd1c24; border-radius: 30.5px; font-size: 20.95px; font-weight: 700; line-height: 61px; color: #fff; text-align: center; }
    .product.BIM_Station [class*="features"] .btn-view:before { content: ''; display: inline-block; vertical-align: middle; width: 31px; height: 31px; margin-right: 12px; background: url(../_img/icon_view_31x31_fff.png) no-repeat 50%/cover; }
    body.no-scroll { overflow: hidden; }
    .popup { width: 100%; height: 100%; background: rgba(0,0,0,.5); position: fixed; top: -100%; left: 0; opacity: 0; transition: opacity .2s ease; }
    .popup.active { opacity: 1; top: 0; z-index: 9999; }
    .popup .content-box { padding: 48px 20px 37px 30px; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
    .popup.active .content-box { z-index: 10000; }
	.popup .content-box h2 { padding: 0 0 40px; font-size: 35px; font-weight: 350; text-align: center; }
    .popup .content-box h2 strong { font-weight: 700; }
    .popup .btn-close { display: block; width: 21px; height: 23px; background: url(../_img/icon_x_21x23_000.png) no-repeat; text-indent: -50000px; position: absolute; top: 18px; right: 22px; z-index: 10001; }
    .popup .scroll-box { max-height: 65vh; padding: 0 20px 2px 0; overflow: hidden; overflow-y: auto; }
    .popup .scroll-box::-webkit-scrollbar { width: 7px; }
    .popup .scroll-box::-webkit-scrollbar-track { background: transparent; border-radius: 0; }
    .popup .scroll-box::-webkit-scrollbar-thumb { width: 9px; background: #9c9ebe; border-radius: 4.5px; }
    #BIM_Station-Download-agreement { z-index: 10010; }
    #BIM_Station-Download-agreement .content-box { width: 464px; background: #fff; border: 1px solid #3d3d3d; box-shadow: 0px 0px 43px 0px rgba(0, 0, 0, 0.07); text-align: center; z-index: 10011; }
    #BIM_Station-Download-agreement .content-box > p:first-child:before { content: ''; display: block; width: 64px; height: 55px; margin: 0 auto 27px auto; background: url(../_img/icon_alert_64x55.png) no-repeat 50%; }
    #BIM_Station-Download-agreement .btn-toggle { display: inline-block; margin-top: 30px; width: 69px; height: 37px; border: 1px solid #7c7c7c; font-size: 18px; font-weight: 300; line-height: 35px; color: #5a5a5a; text-align: center; }
    #BIM_Station-Download .agreement { padding: 23px 21px; background: #f8f8f9; border: 1px solid #d6d6d7; }
    #BIM_Station-Download .agreement > p { margin: 0 0 20px; position: relative; }
    #BIM_Station-Download .agreement > div { font-size: 16px; font-weight: 300; line-height: 30px; color: #757575; }
    #BIM_Station-Download .agreement > div ol { margin: 0; padding-left: 21px; }
    #BIM_Station-Download .agreement input[type="checkbox"] { position: absolute; opacity: 0; }
    #BIM_Station-Download .agreement input[type="checkbox"]+label { padding-left: 27px; font-size: 20px; font-weight: 500; line-height: 18px; color: #000; }
    #BIM_Station-Download .agreement input[type="checkbox"]+label:before { content: ''; display: block; width: 18px; height: 18px; background: #fff; border: 1px solid #b7b7b7; border-radius: 50%; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
    #BIM_Station-Download .agreement input[type="checkbox"]+label:after { content: ''; display: block; width: 8px; height: 8px; background: #b7b7b7; border-radius: 50%; position: absolute; top: 50%; left: 5px; transform: translateY(-50%); }
    #BIM_Station-Download .agreement input[type="checkbox"]:checked+label:after { background: #373a7a; }
    #BIM_Station-Download.active .btn-area { display: flex; flex-flow: row wrap; justify-content: space-between; margin: 22px 0 0; padding: 0; list-style: none; }
    #BIM_Station-Download.active .btn-area > li { width: calc(100% / 2); padding: 13px 0; }
    #BIM_Station-Download.active .btn-area a { display: block; width: 408px; margin: 0 auto; background: #363a7a; border-radius: 30.5px; font-size: 20.95px; font-weight: 700; line-height: 61px; color: #fff; text-align: center; }
    #BIM_Station-Download.active .btn-area a:before { content: ''; display: inline-block; vertical-align: middle; width: 32px; height: 26px; margin-right: 12px; background: url(../_img/icon_download_32x26_fff.png) no-repeat 50%; }
    #major-features-of-BIM_Station-Detail .list { margin: 0; padding: 0; list-style: none; background-color: #f8f8f9; border: 1px solid #d6d6d7; border-top: 0; }
    #major-features-of-BIM_Station-Detail .list > li { border-top: 1px solid #d6d6d7; }
    #major-features-of-BIM_Station-Detail .list > li > a { display: block; padding: 23px 30px; }
    #major-features-of-BIM_Station-Detail .list > li > a[href*="youtube"] { background: url(../_img/icon_video_51x36.png) no-repeat calc(100% - 29px) 50%; }
    #major-features-of-BIM_Station-Detail .list > li dt { font-size: 20px; font-weight: 350; color: #000; }
    #major-features-of-BIM_Station-Detail .list > li dd { font-size: 16px; font-weight: 300; color: #757575; }

    .major-features-of-BIM_Station.accordion { font-size: 0; line-height: 0; }
    .major-features-of-BIM_Station.accordion iframe { width: 100%; height: 502px; }
    .major-features-of-BIM_Station.accordion ul dl { padding-left: 48px; }
    .product.BIM_Station .features-for-KBIMS { padding-bottom: 105px; }
    .product.BIM_Station .features-for-KBIMS ul { display: flex; flex-flow: row wrap; padding-top: 85px; }
    .product.BIM_Station .features-for-KBIMS ul > li:nth-of-type(2) { margin: 0 auto; }
    .product.BIM_Station .features-for-KBIMS ul dl:before { content: ''; display: block; height: 85px; background-repeat: no-repeat; background-position: 30% 100%; }
    .product.BIM_Station .features-for-KBIMS ul > li:nth-of-type(1) dl:before { background-image: url(../_img/product-BIM_Station-features-for-KBIMS1.png); }
    .product.BIM_Station .features-for-KBIMS ul > li:nth-of-type(2) dl:before { background-image: url(../_img/product-BIM_Station-features-for-KBIMS2.png); }
    .product.BIM_Station .features-for-KBIMS ul > li:nth-of-type(3) dl:before { background-image: url(../_img/product-BIM_Station-features-for-KBIMS3.png); }
    .product.BIM_Station .features-for-KBIMS ul dt { margin: 46px 0 24px; font-size: 23px; font-weight: 500; line-height: 31px; color: #000; }
    .product.BIM_Station .features-for-KBIMS ul dd { font-size: 16px; font-weight: 300; line-height: 26px; color: #757575; }

    .product.DiPlan .video { min-height: 1347px; padding: 94px 0 0; background: #f3f3f3 url(../_img/product-DiPlan-video-bg.jpg) no-repeat 50%/cover; border-top: 1px solid #d7d7d7; }
    .product.DiPlan .video iframe { width: 100%; height: 502px; }
    .product.DiPlan .video ul { margin: 0; padding: 0; list-style: none; }
    .product.DiPlan .video .list { display: flex; flex-flow: row wrap; justify-content: space-between; margin-top: 107px; }
    .product.DiPlan .video .list > li { width: calc(100% / 4); margin: 10px 0 54px; }
    .product.DiPlan .video .list dt { padding: 35px 7px 13px 7px; font-size: 23px; font-weight: 500; line-height: 23px; color: #000; }
    .product.DiPlan .video .list dd span { display: inline-block; padding-left: 18px; font-size: 14px; font-weight: 300; line-height: 18px; color: #393939; position: relative; }
    .product.DiPlan .video .list dd span:before { content: ''; display: block; width: 4px; height: 4px; background: #18345d; border-radius: 1px; position: absolute; top: 7px; left: 9px; }
    .product.DiPlan .video ul dl:before { content: ''; display: block; width: 253px; height: 106px; }
    .product.DiPlan .video ul > li:nth-of-type(1) dl:before { background: url(../_img/product-DiPlan-video1.jpg) no-repeat; }
    .product.DiPlan .video ul > li:nth-of-type(2) dl:before { background: url(../_img/product-DiPlan-video2.jpg) no-repeat; }
    .product.DiPlan .video ul > li:nth-of-type(3) dl:before { background: url(../_img/product-DiPlan-video3.jpg) no-repeat; }
    .product.DiPlan .video ul > li:nth-of-type(4) dl:before { background: url(../_img/product-DiPlan-video4.jpg) no-repeat; }
    .product.DiPlan .video ul > li:nth-of-type(5) dl:before { background: url(../_img/product-DiPlan-video5.jpg) no-repeat; }
    .product.DiPlan .video ul > li:nth-of-type(6) dl:before { background: url(../_img/product-DiPlan-video6.jpg) no-repeat; }
    .product.DiPlan .video ul > li:nth-of-type(7) dl:before { background: url(../_img/product-DiPlan-video7.jpg) no-repeat; }
    .product.DiPlan .video ul > li:nth-of-type(8) dl:before { background: url(../_img/product-DiPlan-video8.jpg) no-repeat; }
    .product.DiPlan .video .swiper-pagination,
    .product.DiPlan .video .swiper-button-next,
    .product.DiPlan .video .swiper-button-prev { display: none; }
    .product.DiPlan .info { border: 0; }
    .product.DiPlan .info .content-box { padding: 0 0 0; border-top: 1px solid #151515; }
    .product.DiPlan .info .content-box h3 { padding: 48px 0 32px; font-size: 40px; font-weight: 700; color: #171717; }
    .product.DiPlan .info .content-box table { border-top: 1px solid #dfdfdf; }
    .product.DiPlan .info .content-box th,
    .product.DiPlan .info .content-box td { border-bottom: 1px solid #dfdfdf; }
    .product.DiPlan .info .content-box th { padding: 0 33px 0 9px; font-size: 16px; font-weight: 700; color: #18345d; text-align: left; letter-spacing: -0.9px; }
    .product.DiPlan .info .content-box td { padding: 9px 0; letter-spacing: -0.8px; }
    .product.DiPlan .info .content-box td span { display: inline-block; padding: 0 11px; font-size: 16px; line-height: 30px; color: #171717; position: relative; }
    .product.DiPlan .info .content-box td span:before { content: ''; display: block; width: 4px; height: 4px; background: #18345d; border-radius: 1px; position: absolute; top: 14px; left: 0; }
    :lang(en) .product.DiPlan .info .content-box td span { line-height: 19px; }
    :lang(en) .product.DiPlan .info .content-box td span:before { top: 8px; }
    .product.DiPlan .info.planning .content-box { padding-bottom: 77px; border-top: 0; background: url(../_img/product-DiPlan-info-planning.jpg) no-repeat calc(100% - 37px) 50%; }
    .product.DiPlan .info.engineering .content-box { padding-bottom: 111px; background: url(../_img/product-DiPlan-info-engineering.jpg) no-repeat calc(100% - 37px) 50%; }
    :lang(en) .product.DiPlan .info.engineering .content-box { background: url(../_img/product-DiPlan-info-engineering_en.jpg) no-repeat calc(100% - 37px) 50%;}
    .product.DiPlan .info.scheduling .content-box { display: flex; flex-flow: row wrap; justify-content: space-between; }
    .product.DiPlan .info.scheduling .content-box:after { content: ''; display: block; width: 100%; height: 386px; margin: 33px 0 170px;
        background-image: url(../_img/product-DiPlan-info-scheduling1.jpg), url(../_img/product-DiPlan-info-scheduling2.jpg);
        background-repeat: no-repeat, no-repeat;
        background-position: 46px 0, calc(100% - 46px) 0;
    }
    :lang(en) .product.DiPlan .info.scheduling .content-box:after {
        background-image: url(../_img/product-DiPlan-info-scheduling1_en.jpg), url(../_img/product-DiPlan-info-scheduling2_en.jpg);
    }
    .product.DiPlan .info.scheduling .content-box h3 { width: 100%; }
    .product.DiPlan .info.scheduling .content-box table { width: 545px; }
    .product.DiPlan .info.scheduling .content-box th { padding: 0 15px 0 5px; }

    .product.KBim_D-Generator .info { height: 2614px; background: #f3f3f3 url(../_img/product-KBim_D-Generator-info.jpg) no-repeat 50% 77px; border-top: 1px solid #d7d7d7; }
    .product.KBim_D-Generator .video { height: 659px; padding: 78px 0; background: url(../_img/product-KBim_D-Generator-video-bg.jpg) no-repeat 50%; border-top: 1px solid #d7d7d7; }
    .product.KBim_D-Generator .video iframe { width: 100%; height: 502px; }

    .product.KBim_Assess-Lite .download-list,
    .product.KBim_Assess-Lite .download-list ul { margin: 0; padding: 0; list-style: none; }
    .product.KBim_Assess-Lite .download-list { display: flex; flex-flow: row wrap; width: 100%; text-align: center; }
    .product.KBim_Assess-Lite .download-list > li { width: 290px; position: relative; }
    .product.KBim_Assess-Lite .download-list > li:nth-of-type(2n) { margin: 0 auto; }
    .product.KBim_Assess-Lite .download-list > li > span { display: block; margin-bottom: 30px; font-size: 20px; font-weight: 700; line-height: 20px; color: #000; }
    .product.KBim_Assess-Lite .download-list ul li { margin: 13px 0; }
    .product.KBim_Assess-Lite .download-list ul li > a { display: block; border: 1px solid #000; font-size: 15px; line-height: 41px; color: #000; }
    .product.KBim_Assess-Lite .download-list ul li.waiting > a { background-color: #8ab74e; }
    .product.KBim_Assess-Lite .video { height: 722px; margin-bottom: 78px; background: url(../_img/product-KBim_Assess-Lite-video-bg.jpg) no-repeat 50% 0; }
    .product.KBim_Assess-Lite .video h3 { margin: 78px 0 32px 0; font-size: 23px; font-weight: 400; line-height: 23px; color: #fff; }
    .product.KBim_Assess-Lite .video iframe { width: 100%; height: 502px; }
    .product.KBim_Assess-Lite .system h3,
    .product.KBim_Assess-Lite .example h3 { margin: 0; padding: 0; background: #363a7a; border: 1px solid #000; border-bottom: 0; font-size: 20px; font-weight: 700; line-height: 66px; color: #fff; text-align: center; }
    .product.KBim_Assess-Lite .example ul { display: flex; flex-flow: row wrap; margin: 0; padding: 69px; padding-top: 0; list-style: none; background: #fff; border: 1px solid #000; border-top: 0; }
    .product.KBim_Assess-Lite .example ul > li { width: 507px; margin-top: 46px; text-align: center; }
    .product.KBim_Assess-Lite .example ul > li:nth-of-type(odd) { margin-right: auto; }
    .product.KBim_Assess-Lite .example ul > li:nth-of-type(even) { margin-left: auto; }
    .product.KBim_Assess-Lite .example ul span { display: block; background: #6165a8; font-size: 16px; font-weight: 700; line-height: 39px; color: #fff; }
    .product.KBim_Assess-Lite .example { border: 0; }
    .product.KBim_Assess-Lite .system { margin: 35px 0 0; border: 0; }
    .product.KBim_Assess-Lite .ai h3 { margin: 0; padding: 0; background: #363a7a; border: 1px solid #000; border-bottom: 0; font-size: 20px; font-weight: 700; line-height: 66px; color: #fff; text-align: center; }
    .product.KBim_Assess-Lite .ai { margin: 35px 0 174px; border: 0; }
	
    .product.AIBIM-Design .function h3 { margin: 0; padding: 0; background: #363a7a; border: 1px solid #000; border-bottom: 0; font-size: 20px; font-weight: 700; line-height: 66px; color: #fff; text-align: center; }
    .product.AIBIM-Design .function ul { display: flex; flex-flow: row wrap; margin: 0; padding: 35px; padding-top: 0; list-style: none; background: #fff; border: 1px solid #000; border-top: 0; }
	.product.AIBIM-Design .function ul img { padding :35px;}
    .product.AIBIM-Design .function ul span { display: block; background: #6165a8; font-size: 16px; font-weight: 700; line-height: 39px; color: #fff; }
    .product.AIBIM-Design .function { border: 0; }
    .product.AIBIM-Design .ai { margin: 35px 0 0; border: 0; padding-bottom:35px;}
	.product.AIBIM-Design .ai h3 { margin: 0; padding: 0; background: #363a7a; border: 1px solid #000; border-bottom: 0; font-size: 20px; font-weight: 700; line-height: 66px; color: #fff; text-align: center; }
	
    .product.AIBIM-Design .video { height: 580px; margin-bottom: 35px;}
    .product.AIBIM-Design .video h3 { margin: 78px 0 32px 0; font-size: 23px; font-weight: 400; line-height: 23px; color: #fff; }
    .product.AIBIM-Design .video iframe { width: 100%; height: 502px; }


    .product.xPPM-neo .idm h3 { margin: 0; padding: 0; background: #363a7a; border: 1px solid #000; border-bottom: 0; font-size: 20px; font-weight: 700; line-height: 66px; color: #fff; text-align: center; }
    .product.xPPM-neo .idm ul { display: block; flex-flow: row wrap; margin: 0; padding: 35px; padding-top: 0; list-style: none; background: #fff; border: 1px solid #000; border-top: 0; }
	.product.xPPM-neo .idm ul img { padding :35px;}
    .product.xPPM-neo .idm { border: 0; }
    .product.xPPM-neo .idm ul li { margin: 13px 0; }
    .product.xPPM-neo .idm ul li > a { width: 290px; display: block; border: 1px solid #000; font-size: 15px; line-height: 41px; color: #000; text-align: center; margin: auto;}
    
    .product.xPPM-neo .interface { margin: 35px 0 0; border: 0; padding-bottom:35px;}
	.product.xPPM-neo .interface h3 { margin: 0; padding: 0; background: #363a7a; border: 1px solid #000; border-bottom: 0; font-size: 20px; font-weight: 700; line-height: 66px; color: #fff; text-align: center; }
    .product.xPPM-neo .interface ul { display: flex; flex-flow: row wrap; margin: 0; padding: 69px; padding-top: 0; list-style: none; background: #fff; border: 1px solid #000; border-top: 0; }
    .product.xPPM-neo .interface ul > li { width: 507px; margin-top: 46px; text-align: center; }
    .product.xPPM-neo .interface ul > li:nth-of-type(odd) { margin-right: auto; }
    .product.xPPM-neo .interface ul > li:nth-of-type(even) { margin-left: auto; }
    .product.xPPM-neo .interface ul span { display: block; background: #6165a8; font-size: 16px; font-weight: 700; line-height: 39px; color: #fff; }
    .product.xPPM-neo .interface { border: 0; }

    .product.xPPM-neo .manual h3 { margin: 0; padding: 0; background: #363a7a; border: 1px solid #000; border-bottom: 0; font-size: 20px; font-weight: 700; line-height: 66px; color: #fff; text-align: center; }
    .product.xPPM-neo .manual ul { display: block; flex-flow: row wrap; margin: 0; padding: 35px; padding-top: 0; list-style: none; background: #fff; border: 1px solid #000; border-top: 0; }
	.product.xPPM-neo .manual ul img { padding :35px; display: block; margin: auto;}
    .product.xPPM-neo .manual ul li { margin: 13px 0; }
    .product.xPPM-neo .manual ul li > a { width: 290px; display: block; border: 1px solid #000; font-size: 15px; line-height: 41px; color: #000; text-align: center; margin: auto;}
    .product.xPPM-neo .manual { margin: 35px 0 174px; border: 0; }
    .product.xPPM-neo .manual ul p {display: block; padding-top: 35px;} 
    
    .product.xPPM-neo .video { height: 580px; margin-bottom: 35px;}
    .product.xPPM-neo .video h3 { margin: 78px 0 32px 0; font-size: 23px; font-weight: 400; line-height: 23px; color: #fff; }
    .product.xPPM-neo .video iframe { width: 100%; height: 502px; }
	
    .product.KAC-BIMSolution .cde h3 { margin: 0; padding: 0; background: #363a7a; border: 1px solid #000; border-bottom: 0; font-size: 20px; font-weight: 700; line-height: 66px; color: #fff; text-align: center; }
    .product.KAC-BIMSolution .cde { margin: 0 0 35px; border: 0; }
    .product.KAC-BIMSolution .fm h3 { margin: 0; padding: 0; background: #363a7a; border: 1px solid #000; border-bottom: 0; font-size: 20px; font-weight: 700; line-height: 66px; color: #fff; text-align: center; }
    .product.KAC-BIMSolution .fm { margin: 35px 0 35px; border: 0; }
    .product.KAC-BIMSolution .fm .img { text-align: center;}
    .product.KAC-BIMSolution .fm .img img { max-width: 90%; height: auto; display: block; margin: auto;}
    .product.KAC-BIMSolution .aero h3 { margin: 0; padding: 0; background: #363a7a; border: 1px solid #000; border-bottom: 0; font-size: 20px; font-weight: 700; line-height: 66px; color: #fff; text-align: center; }
    .product.KAC-BIMSolution .aero ul { display: flex; flex-flow: column nowrap; margin: 0; padding: 69px; padding-top: 0; list-style: none; background: #fff; border: 1px solid #000; border-top: 0; }
    .product.KAC-BIMSolution .aero ul > li { margin-top: 46px; text-align: left; position: relative; list-style: none;}
    .product.KAC-BIMSolution .aero ul dl > dt { font-size: 20.95px; font-weight: 700;}
    .product.KAC-BIMSolution .aero ul > li > img { width: 100%; display: block; }
    .product.KAC-BIMSolution .aero ul span { position: absolute; top: -35px; left: 0; width: 100%; font-size: 16px; font-weight: 700; line-height: 39px; text-align: left; z-index: 1;}
    .product.KAC-BIMSolution .aero { margin: 35px 0 35px; border: 0; }
    .product.KAC-BIMSolution .payment h3 { margin: 0; padding: 0; background: #363a7a; border: 1px solid #000; border-bottom: 0; font-size: 20px; font-weight: 700; line-height: 66px; color: #fff; text-align: center; }
    .product.KAC-BIMSolution .payment .outer-box { display: flex; flex-flow: column nowrap; margin: 0 auto; padding: 69px; padding-top: 0; list-style: none; background: #fff; border: 1px solid #000; border-top: 0; text-align: left;}
    .product.KAC-BIMSolution .payment h5 {height: 40px; padding: 0; background-color: #5574d0; background-repeat: no-repeat; font-size: 17px; font-weight: 700; color: #fff; text-align: center; margin-top: 30px; border: 1px solid #000;}
    .product.KAC-BIMSolution .payment { margin: 35px 0 174px; border: 0; }      
    .product.KAC-BIMSolution .payment .inner-box { display: flex; flex-flow: column nowrap; margin: 0 auto; border: 1px solid #000; padding: 10px; margin-bottom: 20px; list-style: none; width: 100%;}
    .product.KAC-BIMSolution .payment .content-box th,
    .product.KAC-BIMSolution .payment .content-box th { padding: 0 33px 0 9px; font-size: 16px; font-weight: 700; color: #18345d; text-align: left; letter-spacing: -0.9px; }
    .product.KAC-BIMSolution .payment .content-box td { padding: 9px 0; letter-spacing: -0.8px;}
    .product.KAC-BIMSolution .payment .content-box td span { display: inline-block; padding: 0 11px; font-size: 16px; line-height: 30px; color: #171717; position: relative; }
    .product.KAC-BIMSolution .payment .content-box table {margin-left: 150px;}
    .product.KAC-BIMSolution .payment .content-box td span:before { content: ''; display: block; width: 4px; height: 4px; background: #18345d; border-radius: 1px; position: absolute; top: 14px; left: 0; }
    

    .product.inCloud .default .content-box > ul { display: flex; flex-flow: row wrap; margin: 143px 0 0; padding: 59px 0 53px; list-style: none; width: 100%; background-color: #f3f3f3; text-align: center; }
    .product.inCloud .default .content-box > ul > li { width: calc(100% / 3); position: relative; }
    .product.inCloud .default .content-box > ul > li > span { width: 100%; font-size: 25px; font-weight: 700; line-height: 25px; text-align: center; color: #000; position: absolute; top: -143px; left: 50%; transform: skewX(-8deg) translateX(-50%); }
    .product.inCloud .default .content-box > ul > li > span:after { content: ''; display: block; width: 59px; height: 91px; background: url(../_img/icon_arrow-down_59x91.png) no-repeat; position: absolute; bottom: -98px; left: 50%; transform: skewX(8deg) translateX(-50%);}
    .product.inCloud .default .content-box > ul dl { width: 318px; margin: 0 auto; border-radius: 9px; box-shadow: 0px 0px 43px 0px rgba(0, 0, 0, 0.07); }
    .product.inCloud .default .content-box > ul dl > dt { height: 174px; padding: 130px 0 0; border-radius: 9px 9px 0 0; background-color: #5574d0; background-repeat: no-repeat; font-size: 20.95px; font-weight: 700; line-height: 20.95px; color: #fff; }
    .product.inCloud .default .content-box > ul dl > dd { height: 127px; padding: 28px 0 0 37px; border-radius: 0 0 9px 9px; background-color: #fff; }
    :lang(en) .product.inCloud .default .content-box > ul dl > dd { height: 165px; }
    .product.inCloud .default .content-box > ul > li:nth-of-type(1) dl > dt { background-image: url(../_img/product_inCloud_icon1_94x52.png); background-position: 50% 49px; }
    .product.inCloud .default .content-box > ul > li:nth-of-type(2) dl > dt { background-color: #14c0da; background-image: url(../_img/product_inCloud_icon2_70x79.png); background-position: 50% 28px; }
    .product.inCloud .default .content-box > ul > li:nth-of-type(3) dl > dt { background-image: url(../_img/product_inCloud_icon3_69x79.png); background-position: 50% 27px; }
    .product.inCloud .default .content-box > ul dl ul { margin: 0; padding: 0; list-style: none;  }
    .product.inCloud .default .content-box > ul dl ul > li { padding: 0 0 0 13px; font-size: 14px; line-height: 20px; text-align: left; color: #696969; position: relative; }
    .product.inCloud .default .content-box > ul dl ul > li:before { content: ''; display: block; width: 4px; height: 4px; background: #5574d0; border-radius: 3px; position: absolute; top: 9px; left: 0; }
    .product.inCloud .features { padding-top: 78px; }
    .product.inCloud .features .swiper-button-prev,
    .product.inCloud .features .swiper-button-next { width: 92px; height: 39px; margin: 0; top: auto; bottom: 45px; transition: .2s ease; }
    .product.inCloud .features .swiper-button-prev { background: url(../_img/icon_angle-left_8x14.png) no-repeat 6px 55%; }
    .product.inCloud .features .swiper-button-next { background: url(../_img/icon_angle-right_8x14.png) no-repeat calc(100% - 6px) 55%; right: auto; left: 92px; }
    .product.inCloud .features .swiper-button-next:before { content: ''; height: 12px; border-left: 1px solid #c5c5c5; position: absolute; top: 60%; left: 0; transform: translateY(-60%); }
    .product.inCloud .features .swiper-button-prev:after,
    .product.inCloud .features .swiper-button-next:after { font-family: 'Noto Sans KR'; font-size: 16px; color: #040404; }
    .product.inCloud .features .swiper-button-prev:hover,
    .product.inCloud .features .swiper-button-next:hover { transform:scale(1.03); }
    .product.inCloud .features .swiper-button-prev:hover:after,
    .product.inCloud .features .swiper-button-next:hover:after { color: #373a7a; }
    .product.inCloud .features .swiper-pagination { display: flex; flex-flow: row wrap; position: relative; left: auto; bottom: auto; margin: 0 0 58px; }
    .product.inCloud .features .swiper-pagination-bullet { width: auto; height: auto; border-radius: 0; background: none; opacity: 1; margin: 0 0 0 60px; padding: 9px 0; font-size: 16px; line-height: 16px; color: #818181; position: relative; }
    .product.inCloud .features .swiper-pagination-bullet:before { content: ''; height: 12px; border-left: 1px solid #b8b8b8; position: absolute; top: 50%; left: -30px; transform: translateY(-50%); }
    .product.inCloud .features .swiper-pagination > span:first-child { margin-left: 0; }
    .product.inCloud .features .swiper-pagination > span:first-child:before { display: none; }
    .product.inCloud .features .swiper-pagination-bullet-active { border-bottom: 1px solid #373a7a; color: #040404; }
    .product.inCloud .features .swiper-slide { display: flex; justify-content: space-between; }
    .product.inCloud .features .swiper-slide dt { margin: 50px 0 0; font-size: 65px; font-weight: 700; line-height: 70px; color: #040404; }
    :lang(en) .product.inCloud .features .swiper-slide dt { font-size: 45px; line-height: 52px; }
    .product.inCloud .features .swiper-slide dt span { display: block; margin: 0 0 17px; font-size: 30px; font-weight: 700; line-height: 30px; color: #373a7a; }
    .product.inCloud .features .swiper-slide dd ul { margin: 25px 0 0; padding: 0; list-style: none; }
    .product.inCloud .features .swiper-slide dd ul > li { padding-left: 23px; font-size: 20px; line-height: 36px; color: #2a2a2a; position: relative; }
    .product.inCloud .features .swiper-slide dd ul > li:before { content: ''; display: block; width: 6px; height: 6px; background: #373a7a; border-radius: 50%; position: absolute; top: 15px; left: 5px; }
    .product.inCloud .features .swiper-slide .img { width: 700px; }

}
@media (max-width:819px) {
    /* ABOUT - 비주얼 */
    .visual.about { display: flex; align-items: flex-end; height: 122.8vmin; position: relative; overflow: hidden; }
    .visual.about:before { content: ''; display: block; width: 100%; height: 100%; background: url(../_img/visual_about_m.jpg) no-repeat 50% 0/cover; position: absolute; top: 0; left: 0; transition: all 8s; transform: scale(1.2); }
    .visual.about.animate__animated:before { transform: scale(1.0) perspective(500px) rotate(.001deg); }
    .visual.about .content-box { padding: 0 4.8vmin 7.7333vmin 4.8vmin; text-align: left; color: #fff; }
    .visual.about h2 { margin: 0 0 5.8667vmin; font-size: 6.4vmin; font-weight: 900; line-height: 7.4667vmin; }
    .visual.about h2+p { margin: 0; padding: 0; font-size: 3.2vmin; line-height: 5.3333vmin; letter-spacing: -0.3vmin; }

    /* ABOUT - 우리는 */
    .our.about { padding: 10.5333vmin 0 0; position: relative; }
    .our.about h2 { padding: 0 0 13.3333vmin; font-size: 5.3333vmin; font-weight: 700; color: #0d0d0d; text-align: center; }
    .our.about ul { margin: 0; padding: 0; list-style: none; }
    .our.about .content-box { padding-bottom: 0; border-bottom: 1px solid #dbe1e2; }
    .our.about .content-box > ul { display: flex; flex-flow: column wrap; }
    .our.about .content-box > ul > li { width: 100%; }
    .our.about .content-box > ul > li dl { width: 100%; padding-left: 40vmin; }
    .our.about .content-box > ul > li dl:before { display: none;  }
    .our.about .content-box > ul > li:nth-of-type(1) dl { background: url(../_img/about-our1.jpg) no-repeat 6.6667vmin 50%/30.6667vmin auto; }
    .our.about .content-box > ul > li:nth-of-type(2) dl { background: url(../_img/about-our2.jpg) no-repeat 5vmin 50%/30.6667vmin auto; padding-bottom: 13.3333vmin; padding-top: 13.3333vmin; }
    .our.about .content-box > ul > li:nth-of-type(3) dl { width: auto; }
    .our.about .content-box > ul > li:nth-of-type(3) dl { background: url(../_img/about-our3.jpg) no-repeat 5vmin 50%/30.6667vmin auto; }
    .our.about .content-box > ul > li:nth-of-type(4) dl { background: url(../_img/about-our4.jpg) no-repeat 5vmin 50%/30.6667vmin auto; padding-bottom: 6.1333vmin; padding-top: 13.3333vmin; }
    .our.about .content-box > ul dt { padding: 0 0 2vmin; font-size: 4.5333vmin; font-weight: 700; line-height: 4.5333vmin; color: #131820; }
    .our.about .content-box > ul dd { font-size: 3.2vmin; font-weight: 300; line-height: 4.6667vmin; color: #5f6164; letter-spacing: -0.16vmin; }
    .our.about .content-box > ul dd ul strong { font-size: 3.2vmin; font-weight: 700; color: #5f6164; }
    .our.about .content-box > ul dd ul > li { margin-bottom: 3.7333vmin; padding-left: 3.2vmin; position: relative; }
    .our.about .content-box > ul dd ul > li:last-child { margin-bottom: 0; }
    .our.about .content-box > ul dd ul > li:before { content: ''; display: block; width: 3px; height: 3px; background: #5f6164; border-radius: 1px; position: absolute; top: 10px; left: 3px; }
    .our.about .content-box > ul dd a[href*="mail"] { display: block; width: 28.5333vmin; height: 6.1333vmin; margin: 2.2667vmin 0 0; padding: 0 0 0 2.2667vmin; background: #363a7a url(../_img/icon_mail_16x13_fff.png) no-repeat calc(100% - 2.2667vmin) 50%; font-size: 2.6667vmin; line-height: 6.1333vmin; color: #fff; }
    /* ABOUT - 기술 소개 */
    .top-technologies { padding-top: 10.6667vmin; }
    .top-technologies h2 { padding: 0 5.6vmin; font-size: 3.1320vmin; font-weight: 400; color: #000; }
    .top-technologies h2 strong { font-size: 3.1320vmin; font-weight: 700; color: #8ab74e; }
    .top-technologies h2+p { padding: 0 5.6vmin; font-size: 8.6987vmin; font-weight: 700; line-height: 10.4vmin; color: #000; }
    .top-technologies ul { margin: 3.7333vmin 0 0 0; padding: 0 5.6vmin; list-style: none; }
    .top-technologies ul > li { padding-left: 3.2vmin; font-size: 3.2vmin; font-weight: 300; color: #000; position: relative; }
    .top-technologies ul > li:before { content: ''; display: block; width: 4px; height: 4px; background: #363a7a; position: absolute; top: 2vmin; left: 0; }
    .top-technologies .content-box { display: flex; flex-flow: row wrap; justify-content: space-between; }
    .top-technologies .swiper-container { padding-bottom: 24.5333vmin; }
    .top-technologies .swiper-slide { width: 78.2667vmin; height: 75.6vmin; margin: 0 2vmin; }
    .top-technologies .swiper-slide:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; transition: .2s ease; }
    .top-technologies .swiper-slide dl { width: 100%; text-align: center; position: absolute; top: 85%; left: 0; transform: translateY(-85%); }
    .top-technologies .swiper-slide dt { padding: 0 0 3.7333vmin; font-size: 5.356vmin; font-weight: 700; line-height: 5.356vmin; color: #fff; }
    .top-technologies .swiper-slide dd { font-size: 2.7667vmin; font-weight: 350; line-height: 3.4667vmin; color: #fff; }
    .top-technologies .swiper-slide dd:nth-of-type(1) { margin-bottom: 3.4667vmin; }
    .top-technologies .swiper-slide dd:nth-last-of-type(1) a { display: block; width: 26.5333vmin; margin: 0 auto; padding-right: 2vmin; line-height: 5.2vmin; background: #cd1c24; overflow: hidden; position: relative; transition: .2s ease; }
    .top-technologies .swiper-slide dd:nth-last-of-type(1) a > span { position: relative; }
    .top-technologies .swiper-slide dd:nth-last-of-type(1) a:after { content: ''; display: block; width: 2vmin; height: 2vmin; background: url(../_img/icon_plus_15x15_fff.gif) no-repeat 50%/2vmin auto; position: absolute; top: 50%; right: 2vmin; transform: translateY(-50%); transition: .2s ease; }
    .top-technologies .swiper-slide dd:nth-last-of-type(1) a:hover:after { transform: rotate(180deg); margin-top: -1vmin; }
    .top-technologies .swiper-slide:before { background: rgba(255,255,255,.56); z-index: 50; }
    .top-technologies .swiper-slide-active:before { display: none; }
    .top-technologies .button-area { display: flex; width: 1200px; height: 68px; margin: 0 auto; }
    .top-technologies .button-area > div { width: 3.0667vmin; height: 5.7333vmin; margin: 0; top: auto; bottom: 12.4vmin; transition: .2s ease; z-index: 101; }
    .top-technologies .button-area > div:after { display: none; }
    .top-technologies .button-area .swiper-button-prev { background: url(../_img/icon_angle-left_23x44_373a7a.png) no-repeat 6px 55%/3.0667vmin auto; }
    .top-technologies .button-area .swiper-button-next { background: url(../_img/icon_angle-right_23x44_373a7a.png) no-repeat calc(100% - 6px) 55%/3.0667vmin auto; }
    .top-technologies .swiper-pagination-bullets { bottom: 12.4vmin; }
    .top-technologies .swiper-pagination-bullet { width: 2.4vmin; height: 2.4vmin; margin: 0 1.5333vmin !important; opacity: 1; background: #e2e2e2 }
    .top-technologies .swiper-pagination-bullet-active { background: #373a7a; }

    /* ABOUT - HISTORY, PROJECT, TECHNOLOGIES */
    .history-projects-technologies { padding: 0 0 10.9333vmin; border-top: 1px solid #dbe1e2; }
    .history-projects-technologies .content-box { display: flex; flex-flow: row wrap; justify-content: space-between; }
    .history-projects-technologies .mobile-hide-default { display: none; }
    .history-projects-technologies .mobile-show-btn { display: block; width: 10.4vmin; height: 10.4vmin; margin: 0 auto; border-radius: 50%; background: #363a7a url(../_img/icon_angle-down_38x22_fff.png) no-repeat 50%/5.0667vmin auto; }
    .history-projects-technologies .mobile-show-btn.active { display: none; }
    .history-projects-technologies .tabs { display: flex; flex-flow: row wrap; justify-content: space-between; width: 100%; padding: 0 4vmin; text-align: center; }
    .history-projects-technologies .tabs a { display: block; padding: 9.7333vmin 0 6.6667vmin; font-size: 5.2867vmin; font-weight: 900; line-height: 1; color: #ddd; letter-spacing: -0.3701vmin; }
    .history-projects-technologies .tabs .active a { color: #000; }
    .history-projects-technologies .tabs-content { display: none; }
    .history-projects-technologies .tabs-content.active { display: block; padding: 0 5.3333vmin; }
    .history-projects-technologies .tabs-content > dl { margin: 0 0 7.0667vmin; }
    .history-projects-technologies .tabs-content > h3,
    .history-projects-technologies .tabs-content > dl > dt { margin: 0; padding-bottom: 2.4vmin; font-size: 8.9533vmin; font-weight: 900; line-height: 8.9533vmin; color: #363a7a; }
    .history-projects-technologies .tabs-content > dl > dd { font-size: 2.9333vmin; font-weight: 350; line-height: 2.9333vmin; color: #8c8c8c; }
    .history-projects-technologies .tabs-content ul { margin: 0; padding: 0; list-style: none; }
    .history-projects-technologies .tabs-content > ul > li { font-size: 3.2vmin; font-weight: 900; color: #010101; }
    .history-projects-technologies .tabs-content > ul > li > ul { margin: 2.9333vmin 0 6.9333vmin; }
    .history-projects-technologies .tabs-content > ul > li > ul > li { padding-left: 3.7333vmin; font-size: 3.2vmin; font-weight: 350; line-height: 4vmin; color: #686868; position: relative; }
    .history-projects-technologies .tabs-content > ul > li > ul > li strong { font-weight: 350; color: #000; }
    .history-projects-technologies .tabs-content > ul > li > ul > li:before { content: ''; display: block; width: 1.0667vmin; height: 1.0667vmin; background: #e50016; border-radius: 50%; position: absolute; top: 1.6vmin; left: 0.5333vmin; }
    .history-projects-technologies .tabs-content .bar { display: flex; flex-wrap: row wrap; justify-content: space-between; height: 0.9333vmin; margin: 2.6667vmin 0 9.6vmin -3.7333vmin; position: relative; }
    .history-projects-technologies .tabs-content .bar:before,
    .history-projects-technologies .tabs-content .bar:after { margin-top: 2.1333vmin; font-size: 2.4vmin; font-weight: 350; color: #010101; }

    #aboutHISTORY:before { content: ''; display: block; height: 14vmin; margin-bottom: 5.3333vmin; background: url(../_img/about-history-top_m.jpg) no-repeat 50%/cover; }
    #aboutPROJECTS:before { content: ''; display: block; height: 14vmin; margin-bottom: 5.3333vmin; background: url(../_img/about-projects-top_m.jpg) no-repeat 50%/cover; }
    #aboutTECHNOLOGIES:before { content: ''; display: block; height: 14vmin; margin-bottom: 5.3333vmin; background: url(../_img/about-technologies-top_m.jpg) no-repeat 50%/cover; }
    #aboutTECHNOLOGIES > h3 { font-size: 6vmin; line-height: 7.0667vmin; }
    /* ABOUT - 위치 및 연락처 */
    .location-n-contacts { padding: 10vmin 0 0; background-color: #f6f5f3; text-align: center; }
    .location-n-contacts h2 { font-size: 6vmin; font-weight: 400; line-height: 6vmin; color: #0d0d0d; }
    .location-n-contacts h2+p { margin: 0; padding: 3.6vmin 0 0; font-size: 2.6667vmin; line-height: 3.3333vmin; color: #1d1d1d; }
    .location-n-contacts ul { display: flex; flex-flow: column wrap; justify-content: center; margin: 7.4667vmin auto 9.8667vmin; padding: 0; list-style: none; }
    .location-n-contacts ul > li { margin-top: 3.4667vmin; font-size: 2.6667vmin; line-height: 2.6667vmin; color: #787878; }
    .location-n-contacts ul > li:first-child { margin-top: 0; }
    .location-n-contacts ul > li strong { font-weight: 400; color: #000; }
    .location-n-contacts iframe { width: 100%; height: 81.8667vmin !important; }
    .location-n-contacts .link { display: none; }

    [class*="product-top"] { display: flex; flex-flow: row wrap; align-items: flex-end; width: 100vw; height: 35.0667vmin; background-repeat: no-repeat; background-position: 50% 0; background-size: cover; }
    [class*="product-top"] > h2 { width: 100vw; margin: 0; padding: 0 4.6667vmin 5.7333vmin; font-size: 2.2vmin; font-weight: 400; text-align: right; line-height: 3.4667vmin; letter-spacing: -0.11vmin; color: #fff; }
    [class*="product-top"] > h2 > span:nth-of-type(1) { font-size: 7.8813vmin; font-weight: 700; line-height: 9.8667vmin; }
    .product.BIM_Station .product-top { background-image: url(../_img/product-top-BIM_Station_m.jpg) }
    .product.DiPlan .product-top { background-image: url(../_img/product-top-DiPlan_m.jpg) }
    .product.KBim_D-Generator .product-top { background-image: url(../_img/product-top-KBim_D-Generator_m.jpg) }
    .product.KBim_Assess-Lite .product-top { background-image: url(../_img/product-top-KBim_Assess-Lite_m.jpg) }
    .product.xPPM-neo .product-top { background-image: url(../_img/product-top-xPPM-neo_m.jpg) }
    .product.AIBIM-Design .product-top { background-image: url(../_img/product-top-AIBIM_m.jpg) }
    .product.KAC-BIMSolution .product-top { background-image: url(../_img/product-top-KAC-BIMSolution_m.jpg) }
    .product.inCloud .product-top { background-image: url(../_img/product-top-inCloud_m.jpg) }
    .product.faq .product-top { background-image: url(../_img/support-top-faq_m.png) }
    .product.inquiry .product-top { background-image: url(../_img/support-top-inquiry_m.png) }
    .product.privacy-policy .product-top { background-image: url(../_img/privacy-policy_m.png) }
    

    .product-tabs .content-box,
    .product-tabs ul { display: flex; flex-flow: row wrap; align-items: center; }
    .product-tabs { margin-bottom: 10.6667vmin; border-bottom: 0; }
    .product-tabs .home { width: 11.3333vmin; height: 11.3333vmin; background-size: auto 5.3333vmin; border: 0; }
    .product-tabs .home+span { padding: 0 4vmin 0 4.9333vmin; background: none; font-size: 2.6667vmin; color: #7f82c9; text-transform: uppercase; }
    .product-tabs ul { display: block; padding: 0 20px 20px 20px; }
    .product-tabs ul li { width: 100%; margin-bottom: 10px; }
    .product-tabs select { width: calc(100% - 40vmin); height: 11.3333vmin; margin: 0 0 0 auto; border: 0; background: #373a7a url(../_img/icon_angle-botom_36x19_fff.png) no-repeat calc(100% - 3.3333vmin) 50%/4.8vmin auto; border: 0; font-size: 4.6667vmin; font-weight: 700; color: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
    .product-tabs select::-ms-expand { display: none; }

    .product .default { padding: 0; border-bottom: 0; }
    .product .default .content-box > h3,
    .product .default .content-box > h3+p { padding-right: 6vmin; padding-left: 6vmin; }
    .product .default .content-box > h3 { margin: 0 0 4vmin; font-size: 8vmin; font-weight: 700; line-height: 8vmin; color: #000 }
    .product .default .content-box > h3+p { padding-bottom: 11.7333vmin; font-size: 3.0667vmin; font-weight: 300; line-height: 4.4vmin; color: #000; }
    .product .default .btn-area { margin: 3.2vmin auto 11.2vmin auto; }
    .product .default .btn-download { display: none; }
    .product .default .btn-pc { display: block; width: 79.0667vmin; margin: 0 auto; background: #cd1c24; border-radius: 6.3333vmin; font-size: 4.4vmin; font-weight: 700; line-height: 12.6667vmin; color: #fff; text-align: center; }
    .product .default .btn-pc:before { content: ''; display: inline-block; vertical-align: middle; width: 7.0667vmin; height: 6.4vmin; margin-right: 3.3333vmin; background: url(../_img/icon_pc_53x48_fff.png) no-repeat 0 50%/7.0667vmin auto; }

    .product.BIM_Station .default .list { display: flex; flex-flow: row wrap; justify-content: space-between; margin: 0 0 8vmin; padding: 0 6vmin; list-style: none; }
    /* .product.BIM_Station .default .list > li { width: 50%; } */
    .product.BIM_Station .default .list > li:before { content: ''; display: block; width: 41.2vmin; height: 36.1333vmin; border: 1px solid #e0e0e0; border-bottom: 0; background-repeat: no-repeat; background-size: cover; }
    .product.BIM_Station .default .list > li > p { width: 41.2vmin; height: 15.2vmin; padding: 3.7333vmin 1.5vmin 5.6vmin; border: 1px solid #e0e0e0; border-top: 0; font-size: 2.6667vmin; line-height: 3.0667vmin; color: #454545; }
    :lang(en) .product.BIM_Station .default .list > li:nth-last-of-type(2) > p,
    :lang(en) .product.BIM_Station .default .list > li:nth-last-of-type(1) > p { height: 18vmin; padding-top: 2vmin; padding-bottom: 2vmin; }
    .product.BIM_Station .default .list > li > p br { display: none; }
    .product.BIM_Station .default .list > li:nth-of-type(1):before { background-image: url(../_img/product-BIM_Station-default-list1.jpg); }
    .product.BIM_Station .default .list > li:nth-of-type(2):before { background-image: url(../_img/product-BIM_Station-default-list2.jpg); }
    .product.BIM_Station .default .list > li:nth-of-type(3):before { background-image: url(../_img/product-BIM_Station-default-list3.jpg); }
    .product.BIM_Station .default .list > li:nth-of-type(4):before { background-image: url(../_img/product-BIM_Station-default-list4.jpg); }
    .major-features-of-BIM_Station { background: url(../_img/product-BIM_Station-major-features-of-BIM_Station-bg.jpg) no-repeat 50% 0; }
    .product.BIM_Station [class*="features"] { padding-bottom: 0; border-top: 1px solid #d7d7d7; }
    .product.BIM_Station [class*="features"] h3 { margin: 0; padding: 13.2vmin 0 7.2vmin 4.5333vmin; font-size: 5.3333vmin; font-weight: 400; line-height: 6.6667vmin; color: #000; }
    .product.BIM_Station [class*="features"] h3 strong { font-weight: 700; }
    .product.BIM_Station [class*="features"] ul { margin: 0; padding: 0; list-style: none; }
    .product.BIM_Station [class*="features"] .btn-area { padding: 10.4vmin 0; text-align: center; }
    .product.BIM_Station [class*="features"] .btn-view { display: inline-block; min-width: 45.0667vmin; padding: 0 8vmin; background-color: #cd1c24; border-radius: 5.8vmin; font-size: 3.988vmin; font-weight: 700; line-height: 11.6vmin; color: #fff; text-align: center; position: relative; }
    .product.BIM_Station [class*="features"] .btn-view:before { content: ''; display: inline-block; vertical-align: middle; width: 5.8667vmin; height: 5.8667vmin; margin-right: 2.2667vmin; background: url(../_img/icon_view_31x31_fff.png) no-repeat 50%/cover; }
    .popup { width: 100%; height: 100%; background: rgba(0,0,0,.5); position: fixed; top: -100%; left: 0; z-index: 9999; opacity: 0; transition: opacity .2s ease; }
    .popup.active { opacity: 1; top: 0; }
    .popup .content-box { width: 89.3333vw; padding: 6.9333vmin 1.7333vmin 4vmin 2.2667vmin; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 10000; }
    .popup .content-box h2 { padding: 0 0 40px; font-size: 4.6667vmin; font-weight: 350; text-align: center; }
    .popup .content-box h2 strong { font-weight: 700; }
    .popup .btn-close { display: block; width: 2.8vmin; height: 3.0667vmin; background: url(../_img/icon_x_21x23_000.png) no-repeat 50%/cover; text-indent: -50000px; position: absolute; top: 2.4vmin; right: 2.9333vmin; z-index: 10001; }
    .popup .scroll-box { max-height: 65vh; padding: 0 2.1333vmin 2px 0; overflow: hidden; overflow-y: auto; }
    .popup .scroll-box::-webkit-scrollbar { width: 7px; }
    .popup .scroll-box::-webkit-scrollbar-track { background: transparent; border-radius: 0; }
    .popup .scroll-box::-webkit-scrollbar-thumb { width: 1.2vmin; background: #9c9ebe; border-radius: 0.6vmin; }
    #BIM_Station-Download { display: none; }
    #major-features-of-BIM_Station-Detail .list { margin: 0; padding: 0; list-style: none; background-color: #f8f8f9; border: 1px solid #d6d6d7; border-top: 0; }
    #major-features-of-BIM_Station-Detail .list > li { border-top: 1px solid #d6d6d7; }
    #major-features-of-BIM_Station-Detail .list > li > a { display: block; padding: 2.6667vmin 12.2667vmin 2.6667vmin 2vmin; }
    #major-features-of-BIM_Station-Detail .list > li > a[href*="youtube"] { background: url(../_img/icon_video_51x36.png) no-repeat calc(100% - 4vmin) 50%/6.6667vmin auto; }
    #major-features-of-BIM_Station-Detail .list > li dt { font-size: 3.2vmin; font-weight: 350; color: #000; }
    #major-features-of-BIM_Station-Detail .list > li dd { font-size: 2.5333vmin; font-weight: 300; color: #757575; letter-spacing: -0.15vmin; }

    .major-features-of-BIM_Station.accordion { font-size: 0; line-height: 0; }
    .major-features-of-BIM_Station.accordion iframe { width: 100%; height: 54.9333vmin; }
    .features-of-BIM_Station { border: 0 !important; }
    .product.BIM_Station .features-for-KBIMS { padding-bottom: 15.3333vmin; }
    .product.BIM_Station .features-for-KBIMS ul { display: flex; flex-flow: column wrap; padding-top: 5.6vmin; }
    .product.BIM_Station .features-for-KBIMS ul > li { margin: 11.3333vmin 0 0; }
    .product.BIM_Station .features-for-KBIMS ul > li:first-child { margin-top: 0; }
    .product.BIM_Station .features-for-KBIMS ul dl { padding-left: 28.2667vmin; }
    .product.BIM_Station .features-for-KBIMS ul > li:nth-of-type(1) dl { background: url(../_img/product-BIM_Station-features-for-KBIMS1.png) no-repeat 6.6667vmin 50%/auto 11.8667vmin; }
    .product.BIM_Station .features-for-KBIMS ul > li:nth-of-type(2) dl { background: url(../_img/product-BIM_Station-features-for-KBIMS2.png) no-repeat 6.6667vmin 50%/auto 12.2667vmin; }
    .product.BIM_Station .features-for-KBIMS ul > li:nth-of-type(3) dl { background: url(../_img/product-BIM_Station-features-for-KBIMS3.png) no-repeat 6.6667vmin 50%/auto 9.8667vmin; }
    .product.BIM_Station .features-for-KBIMS ul dt { margin: 0 0 3.3333vmin; font-size: 4vmin; font-weight: 500; line-height: 4.6667vmin; color: #000; }
    .product.BIM_Station .features-for-KBIMS ul dd { font-size: 2.9333vmin; font-weight: 300; line-height: 4vmin; color: #757575; }

    .product.DiPlan .video { background: #f3f3f3 url(../_img/product-DiPlan-video-bg.jpg) no-repeat 50% 100%/cover; }
    .product.DiPlan .video iframe { width: 100%; height: 55.4667vmin; }
    .product.DiPlan .video ul { margin: 0; padding: 0; list-style: none; }
    .product.DiPlan .video .list > li > a { display: block; padding-top: 10.9333vmin; }
    .product.DiPlan .video .list dl { width: 34vmin; margin: 0 auto; }
    :lang(en) .product.DiPlan .video .list dl { width: 40vmin; }
    .product.DiPlan .video .list dt { padding: 6vmin 0 2.2667vmin; font-size: 4vmin; font-weight: 500; line-height: 4vmin; color: #000; }
    .product.DiPlan .video .list dd span { display: inline-block; padding-left: 2.2667vmin; font-size: 2.5333vmin; font-weight: 300; line-height: 3.3333vmin; color: #393939; position: relative; }
    .product.DiPlan .video .list dd span:before { content: ''; display: block; width: 0.5333vmin; height: 0.5333vmin; background: #18345d; border-radius: 0.2667vmin; position: absolute; top: 1.3vmin; left: 0; }
    .product.DiPlan .video ul dl:before { content: ''; display: block; width: 33.7333vmin; height: 14.1333vmin; background-size: cover !important; }
    .product.DiPlan .video ul .video1 dl:before { background: url(../_img/product-DiPlan-video1.jpg) no-repeat; }
    .product.DiPlan .video ul .video2 dl:before { background: url(../_img/product-DiPlan-video2.jpg) no-repeat; }
    .product.DiPlan .video ul .video3 dl:before { background: url(../_img/product-DiPlan-video3.jpg) no-repeat; }
    .product.DiPlan .video ul .video4 dl:before { background: url(../_img/product-DiPlan-video4.jpg) no-repeat; }
    .product.DiPlan .video ul .video5 dl:before { background: url(../_img/product-DiPlan-video5.jpg) no-repeat; }
    .product.DiPlan .video ul .video6 dl:before { background: url(../_img/product-DiPlan-video6.jpg) no-repeat; }
    .product.DiPlan .video ul .video7 dl:before { background: url(../_img/product-DiPlan-video7.jpg) no-repeat; }
    .product.DiPlan .video ul .video8 dl:before { background: url(../_img/product-DiPlan-video8.jpg) no-repeat; }
    .product.DiPlan .video .swiper-pagination { margin: 0; padding: 6.6667vmin 0; font-size: 0; line-height: 0; position: relative; bottom: auto; left: auto; }
    .product.DiPlan .video .swiper-pagination .swiper-pagination-bullet { width: 2.5333vmin; height: 2.5333vmin; margin: 0 1.6vmin; background-color: #fff; opacity: 1; }
    .product.DiPlan .video .swiper-pagination .swiper-pagination-bullet-active { background-color: #373a7a; }
    .product.DiPlan .video .swiper-button-next,
    .product.DiPlan .video .swiper-button-prev { width: auto; height: auto; margin-top: 0; padding: 0 5.6vmin; top: auto; bottom: 4.6667vmin; }
    .product.DiPlan .video .swiper-button-next:after,
    .product.DiPlan .video .swiper-button-prev:after { font-size: 5.6vmin; color: #373a7a; }
    .product.DiPlan .info { padding: 0 5.3333vmin; border: 0; }
    .product.DiPlan .info .content-box { border-top: 1px solid #151515; }
    .product.DiPlan .info .content-box h3 { padding: 8.6667vmin 0 2.6667vmin; font-size: 6.6667vmin; font-weight: 700; color: #171717; }
    .product.DiPlan .info .content-box table { width: 100%; border-top: 1px solid #dfdfdf; }
    .product.DiPlan .info .content-box th,
    .product.DiPlan .info .content-box td { border-bottom: 1px solid #dfdfdf; font-size: 3.0667vmin; letter-spacing: -0.1867vmin; }
    .product.DiPlan .info .content-box th { font-weight: 700; color: #18345d; text-align: left; }
    .product.DiPlan .info .content-box td { padding: 2.4vmin 0; }
    .product.DiPlan .info .content-box td span { display: inline-block; padding: 0 0 0 2.4vmin; line-height: 5.3333vmin; color: #171717; position: relative; }
    .product.DiPlan .info .content-box td span:before { content: ''; display: block; width: 0.5333vmin; height: 0.5333vmin; background: #18345d; border-radius: 1px; position: absolute; top: 2.3vmin; left: 0; }
    .product.DiPlan .info.planning .content-box { padding-bottom: 8.6667vmin; border-top: 0; }
    .product.DiPlan .info.planning .content-box:after { content: ''; display: block; height: 52vmin; margin-top: 7.6vmin; background: url(../_img/product-DiPlan-info-planning.jpg) no-repeat 50% 0/auto 52vmin; }
    .product.DiPlan .info.planning .content-box th { width: 12vmin; }
    .product.DiPlan .info.engineering .content-box { padding-bottom: 8vmin; }
    .product.DiPlan .info.engineering .content-box:after { content: ''; display: block; height: 63.4667vmin; margin-top: 7.6vmin; background: url(../_img/product-DiPlan-info-engineering.jpg) no-repeat 50% 0/auto 63.4667vmin; }
    :lang(en) .product.DiPlan .info.engineering .content-box:after { height: 69.4667vmin; background: url(../_img/product-DiPlan-info-engineering_en.jpg) no-repeat 50% 0/auto 69.4667vmin; }
    .product.DiPlan .info.engineering .content-box th { width: 18.1333vmin; vertical-align: top; padding-top: 2.7vmin; }
    .product.DiPlan .info.scheduling .content-box { padding-bottom: 5.3333vmin; }
    .product.DiPlan .info.scheduling .content-box table th { padding-left: 0.6667vmin; }
    .product.DiPlan .info.scheduling .content-box table:after { content: ''; display: block; width: 100%; height: 59.7333vmin; margin: 8vmin 0; }
    .product.DiPlan .info.scheduling .content-box table:nth-of-type(1) { background: url(../_img/product-DiPlan-info-scheduling1.jpg) no-repeat 50% calc(100% - 8vmin)/auto 59.7333vmin; }
    :lang(en) .product.DiPlan .info.scheduling .content-box table:nth-of-type(1) { background: url(../_img/product-DiPlan-info-scheduling1_en.jpg) no-repeat 50% calc(100% - 8vmin)/auto 59.7333vmin; }
    .product.DiPlan .info.scheduling .content-box table:nth-of-type(1) th { width: 20.6667vmin; }
    .product.DiPlan .info.scheduling .content-box table:nth-of-type(2) { background: url(../_img/product-DiPlan-info-scheduling2.jpg) no-repeat 50% calc(100% - 8vmin)/auto 59.7333vmin; }
    .product.DiPlan .info.scheduling .content-box table:nth-of-type(2) th,
    .product.DiPlan .info.scheduling .content-box table:nth-of-type(2) td { display: block; width: 100%; padding-left: 0.6667vmin; }
    .product.DiPlan .info.scheduling .content-box table:nth-of-type(2) th { padding-top: 2.8vmin; border-bottom: 0; }

    .product.KBim_D-Generator .info { height: 214.5333vmin; background: #f3f3f3 url(../_img/product-KBim_D-Generator-info_m.jpg) no-repeat 50% 6.5333vmin/87.3333vmin auto; }
    .product.KBim_D-Generator .video { padding: 0; background: url(../_img/product-KBim_D-Generator-video-bg.jpg) no-repeat 50% 0/cover; font-size: 0; line-height: 0; text-align: center; position: relative; }
    .product.KBim_D-Generator .video iframe { width: 100%; }

    .product.KBim_Assess-Lite .download-list,
    .product.KBim_Assess-Lite .download-list ul { margin: 0; padding: 0; list-style: none; }
    .product.KBim_Assess-Lite .download-list { padding: 0 7.3333vmin; }
    .product.KBim_Assess-Lite .download-list > li { position: relative; }
    .product.KBim_Assess-Lite .download-list > li > span { display: block; margin-bottom: 2.4vmin; font-size: 4.74vmin; font-weight: 700; line-height: 4.74vmin; color: #000; }
    .product.KBim_Assess-Lite .download-list ul { margin-bottom: 5.6vmin; }
    .product.KBim_Assess-Lite .download-list ul li { margin: 3.2vmin 0; }
    .product.KBim_Assess-Lite .download-list ul li > a { display: block; border: 1px solid #000; font-size: 3.5547vmin; line-height: 9.7333vmin; color: #000; text-align: center; }
    .product.KBim_Assess-Lite .download-list ul li.waiting > a { background-color: #8ab74e; }
    .product.KBim_Assess-Lite .video { height: 78.9333vmin; margin-bottom: 4.5333vmin; background: url(../_img/product-KBim_Assess-Lite-video-bg.jpg) no-repeat 50% 0/cover; }
    .product.KBim_Assess-Lite .video h3 { margin: 8vmin 0 4vmin 0; padding: 0 4vmin; font-size: 3.2vmin; font-weight: 400; line-height: 3.2vmin; color: #fff; }
    .product.KBim_Assess-Lite .video iframe { width: 100%; height: 54.9333vmin; }
    .product.KBim_Assess-Lite .system h3,
    .product.KBim_Assess-Lite .example h3 { margin: 0; padding: 0; background: #363a7a; border: 1px solid #000; border-bottom: 0; font-size: 2.6667vmin; font-weight: 700; line-height: 7.0667vmin; color: #fff; text-align: center; }
    .product.KBim_Assess-Lite .example ul { display: flex; flex-flow: row wrap; margin: 0; padding: 3.7333vmin 4.9333vmin; padding-top: 0; list-style: none; background: #fff; border: 1px solid #000; border-top: 0; }
    .product.KBim_Assess-Lite .example ul > li { width: 36.9333vmin; margin-top: 2.6667vmin; text-align: center; }
    .product.KBim_Assess-Lite .example ul > li:nth-of-type(odd) { margin-right: auto; }
    .product.KBim_Assess-Lite .example ul > li:nth-of-type(even) { margin-left: auto; }
    .product.KBim_Assess-Lite .example ul span { display: block; background: #6165a8; font-size: 1.8667vmin; font-weight: 700; line-height: 3.4667vmin; color: #fff; }
    .product.KBim_Assess-Lite .example,
    .product.KBim_Assess-Lite .system { padding: 0 6vmin; border: 0; }
    .product.KBim_Assess-Lite .system { margin: 4.2667vmin 0 6.9333vmin; }
    .product.KBim_Assess-Lite .system ul { margin: 0; padding: 0; list-style: none; border: 1px solid #000; border-top: 0; }
    .product.KBim_Assess-Lite .system ul > li { background: #f8f8f9; }
    .product.KBim_Assess-Lite .system ul > li.active { background: #fff; }
    .product.KBim_Assess-Lite .ai { padding: 0 6vmin; border: 0; }
    .product.KBim_Assess-Lite .ai { margin: 4.2667vmin 0 6.9333vmin; }
    .product.KBim_Assess-Lite .ai h3 { margin: 0; padding: 0; background: #363a7a; border: 1px solid #000; border-bottom: 0; font-size: 2.6667vmin; font-weight: 700; line-height: 7.0667vmin; color: #fff; text-align: center; }

    .product.AIBIM-Design .main img { padding: 6vmin;}
	
    .product.AIBIM-Design .ai { padding: 0 6vmin; border: 0; }
	
    .product.AIBIM-Design .video { height: 78.9333vmin; margin-bottom: 4.5333vmin; background: url(../_img/product-KBim_Assess-Lite-video-bg.jpg) no-repeat 50% 0/cover; }
    .product.AIBIM-Design .video h3 { margin: 8vmin 0 4vmin 0; padding: 0 4vmin; font-size: 3.2vmin; font-weight: 400; line-height: 3.2vmin; color: #fff; }
    .product.AIBIM-Design .video iframe { width: 100%; height: 54.9333vmin; }
	
    .product.AIBIM-Design .function h3 { margin: 0; padding: 0; background: #363a7a; border: 1px solid #000; border-bottom: 0; font-size: 2.6667vmin; font-weight: 700; line-height: 7.0667vmin; color: #fff; text-align: center; }
    .product.AIBIM-Design .function ul { display: flex; flex-flow: row wrap; margin: 0; padding: 3.7333vmin 4.9333vmin; padding-top: 0; list-style: none; background: #fff; border: 1px solid #000; border-top: 0; }
    .product.AIBIM-Design .function ul > li { width: 36.9333vmin; margin-top: 2.6667vmin; text-align: center; }
    .product.AIBIM-Design .function ul > li:nth-of-type(odd) { margin-right: auto; }
    .product.AIBIM-Design .function ul > li:nth-of-type(even) { margin-left: auto; }
    .product.AIBIM-Design .function ul span { display: block; background: #6165a8; font-size: 1.8667vmin; font-weight: 700; line-height: 3.4667vmin; color: #fff; }
    .product.AIBIM-Design .function { padding: 0 6vmin; border: 0; }
    .product.AIBIM-Design .function img { padding-top: 6vmin; }
		
    .product.AIBIM-Design .ai { padding: 0 6vmin; border: 0; }
    .product.AIBIM-Design .ai { margin: 4.2667vmin 0 6.9333vmin; }
    .product.AIBIM-Design .ai h3 { margin: 0; padding: 0; background: #363a7a; border: 1px solid #000; border-bottom: 0; font-size: 2.6667vmin; font-weight: 700; line-height: 7.0667vmin; color: #fff; text-align: center; }




    .product.xPPM-neo .main img { padding: 6vmin;}
	
    .product.xPPM-neo .manual { padding: 0 6vmin; border: 0; }
	
    .product.xPPM-neo .video { height: 78.9333vmin; margin-bottom: 4.5333vmin; background: url(../_img/product-KBim_Assess-Lite-video-bg.jpg) no-repeat 50% 0/cover; }
    .product.xPPM-neo .video h3 { margin: 8vmin 0 4vmin 0; padding: 0 4vmin; font-size: 3.2vmin; font-weight: 400; line-height: 3.2vmin; color: #fff; }
    .product.xPPM-neo .video iframe { width: 100%; height: 54.9333vmin; }
	
    .product.xPPM-neo .idm h3 { margin: 0; padding: 0; background: #363a7a; border: 1px solid #000; border-bottom: 0; font-size: 2.6667vmin; font-weight: 700; line-height: 7.0667vmin; color: #fff; text-align: center; }
    .product.xPPM-neo .idm ul { display: flex; flex-flow: row wrap; margin: 0; padding: 3.7333vmin 4.9333vmin; padding-top: 0; list-style: none; background: #fff; border: 1px solid #000; border-top: 0; }
    .product.xPPM-neo .idm ul > li { width: 36.9333vmin; margin-top: 2.6667vmin; text-align: center; }
    .product.xPPM-neo .idm { padding: 0 6vmin; border: 0; margin-bottom: 4.5333vmin}
    .product.xPPM-neo .idm img { padding-top: 6vmin; }
    .product.xPPM-neo .idm ul li > a { display: block; border: 1px solid #000; font-size: 3.5547vmin; line-height: 9.7333vmin; color: #000; text-align: center; margin:auto;}
		
    .product.xPPM-neo .manual { padding: 0 6vmin; border: 0; }
    .product.xPPM-neo .manual { margin: 4.2667vmin 0 6.9333vmin; }
    .product.xPPM-neo .manual h3 { margin: 0; padding: 0; background: #363a7a; border: 1px solid #000; border-bottom: 0; font-size: 2.6667vmin; font-weight: 700; line-height: 7.0667vmin; color: #fff; text-align: center; }
    .product.xPPM-neo .manual ul { display: flex; flex-flow: row wrap; margin: 0; padding: 3.7333vmin 4.9333vmin; padding-top: 0; list-style: none; background: #fff; border: 1px solid #000; border-top: 0; }
    .product.xPPM-neo .manual ul > li { width: 36.9333vmin; margin-top: 2.6667vmin; text-align: center; }
    .product.xPPM-neo .manual ul li > a { display: block; border: 1px solid #000; font-size: 3.5547vmin; line-height: 9.7333vmin; color: #000; text-align: center; margin:auto;}
    
		
    .product.xPPM-neo .interface h3 { margin: 0; padding: 0; background: #363a7a; border: 1px solid #000; border-bottom: 0; font-size: 2.6667vmin; font-weight: 700; line-height: 7.0667vmin; color: #fff; text-align: center; }
    .product.xPPM-neo .interface ul { display: flex; flex-flow: row wrap; margin: 0; padding: 3.7333vmin 4.9333vmin; padding-top: 0; list-style: none; background: #fff; border: 1px solid #000; border-top: 0; }
    .product.xPPM-neo .interface ul > li { width: 36.9333vmin; margin-top: 2.6667vmin; text-align: center; }
    .product.xPPM-neo .interface ul > li:nth-of-type(odd) { margin-right: auto; }
    .product.xPPM-neo .interface ul > li:nth-of-type(even) { margin-left: auto; }
    .product.xPPM-neo .interface ul span { display: block; background: #6165a8; font-size: 1.8667vmin; font-weight: 700; line-height: 3.4667vmin; color: #fff; }
    .product.xPPM-neo .interface { padding: 0 6vmin; border: 0; }
    .product.xPPM-neo .interface,
    .product.xPPM-neo .interface img { padding-top: 6vmin; }




    .product.KAC-BIMSolution .cde h3 { margin: 0; padding: 0; background: #363a7a; border: 1px solid #000; border-bottom: 0; font-size: 2.6667vmin; font-weight: 700; line-height: 7.0667vmin; color: #fff; text-align: center; }
    .product.KAC-BIMSolution .cde { padding: 0 6vmin; border: 0; }
    .product.KAC-BIMSolution .cde { margin: 4.2667vmin 0 6.9333vmin; }
    .product.KAC-BIMSolution .cde ul { margin: 0; padding: 0; list-style: none; border: 1px solid #000; border-top: 0; }
    .product.KAC-BIMSolution .cde ul > li { background: #f8f8f9; }
    .product.KAC-BIMSolution .cde ul > li.active { background: #fff; }
    .product.KAC-BIMSolution .fm h3 { margin: 0; padding: 0; background: #363a7a; border: 1px solid #000; border-bottom: 0; font-size: 2.6667vmin; font-weight: 700; line-height: 7.0667vmin; color: #fff; text-align: center; }
    .product.KAC-BIMSolution .fm { padding: 0 6vmin; border: 0; }
    .product.KAC-BIMSolution .fm { margin: 4.2667vmin 0 6.9333vmin; }
    .product.KAC-BIMSolution .fm ul { margin: 0; padding: 0; list-style: none; border: 1px solid #000; border-top: 0; }
    .product.KAC-BIMSolution .fm ul > li { background: #f8f8f9; }
    .product.KAC-BIMSolution .fm ul > li.active { background: #fff; }
    .product.KAC-BIMSolution .aero h3 { margin: 0; padding: 0; background: #363a7a; border: 1px solid #000; border-bottom: 0; font-size: 2.6667vmin; font-weight: 700; line-height: 7.0667vmin; color: #fff; text-align: center; }
    .product.KAC-BIMSolution .aero { padding: 0 6vmin; border: 0; }
    .product.KAC-BIMSolution .aero { margin: 4.2667vmin 0 6.9333vmin; }
    .product.KAC-BIMSolution .aero ul { margin: 0; padding: 0; list-style: none; border: 1px solid #000; border-top: 0; }
    .product.KAC-BIMSolution .aero ul dt { margin: 0 0 3.3333vmin; font-size: 4vmin; font-weight: 500; line-height: 4.6667vmin; color: #000; }
    .product.KAC-BIMSolution .aero ul dd { font-size: 2.9333vmin; font-weight: 300; line-height: 4vmin; color: #757575; }
    .product.KAC-BIMSolution .aero ul > li { background: #f8f8f9; position: relative; padding: 20px;}
    .product.KAC-BIMSolution .aero ul > li img{ display: block; width: 100%;}
    .product.KAC-BIMSolution .aero ul > li span { display: block; position: relative; top: 0; left: 0; width: 100%;  box-sizing: border-box; font-size: 2.6667vmin; font-weight: 700; line-height: 3.4667vmin;}
    .product.KAC-BIMSolution .payment h3 { margin: 0; padding: 0; background: #363a7a; border: 1px solid #000; border-bottom: 0; font-size: 2.6667vmin; font-weight: 700; line-height: 7.0667vmin; color: #fff; text-align: center; }
    .product.KAC-BIMSolution .payment .outer-box { background: #f8f8f9; display: flex; flex-flow: column nowrap; margin: 0 auto; padding: 5vmin; list-style: none; border: 1px solid #000; border-top: 0; }
    /* .product.KAC-BIMSolution .payment ul { background: #f8f8f9; position: r;  display: flex; flex-flow: column nowrap; margin: 0 auto; padding: 69px; padding-top: 0; list-style: none; background: #fff; border: 1px solid #000; border-top: 0; text-align: left;} */
    .product.KAC-BIMSolution .payment h5 {height: 5.2667vmin; padding: 0; background-color: #5574d0; background-repeat: no-repeat; font-size: 2.6667vmin; font-weight: 700; color: #fff; text-align: center; margin-top: 4.2667vmin; border: 1px solid #000;}
    .product.KAC-BIMSolution .payment { margin: 4.2667vmin 0 6.9333vmin; border: 0; padding: 0 6vmin;}
    .product.KAC-BIMSolution .payment .inner-box { background: #fff; display: flex; flex-flow: column nowrap; border: 1px solid #000; padding: 2.6vmin; margin-bottom: 2.2667vmin; list-style: none   ;}
    .product.KAC-BIMSolution .payment .content-box th,
    .product.KAC-BIMSolution .payment .content-box td { font-size: 3.0667vmin; letter-spacing: -0.1867vmin;}
    .product.KAC-BIMSolution .payment .content-box th { padding: 0 33px 0 9px; font-size: 3.0667vmin; font-weight: 700; color: #18345d; text-align: left; letter-spacing: -0.1867vmin; }
    .product.KAC-BIMSolution .payment .content-box td {  padding: 2.4vmin 0; letter-spacing: -0.1867vmin;}
    .product.KAC-BIMSolution .payment .content-box td span { display: inline-block; padding: 0 0 0 2.4vmin; line-height: 5.3333vmin; color: #171717; position: relative; }
    .product.KAC-BIMSolution .payment .content-box td span:before { content: ''; display: block; width: 0.5333vmin; height: 0.5333vmin; background: #18345d; border-radius: 1px; position: absolute; top: 2.3vmin; left: 0; }



    .product.inCloud .default .content-box > ul { display: flex; flex-flow: row wrap; margin: 0; padding: 0 12vmin 16vmin 12vmin; list-style: none; width: 100%; background-color: #f3f3f3; text-align: center; }
    .product.inCloud .default .content-box > ul > li { width: 100%; position: relative; }
    .product.inCloud .default .content-box > ul > li > span { display: block; width: 100%; margin: 10vmin 0 0; font-size: 5.9547vmin; font-weight: 700; line-height: 5.9547vmin; text-align: center; color: #000; transform: skewX(-8deg); }
    .product.inCloud .default .content-box > ul > li > span:after { content: ''; display: block; width: 9.3333vmin; height: 14.6667vmin; margin: 0 auto 1.8667vmin auto; background: url(../_img/icon_arrow-down_59x91.png) no-repeat 50% 0/9.3333vmin auto; transform: skewX(8deg); }
    .product.inCloud .default .content-box > ul dl { width: auto; margin: 0 auto; border-radius: 2.4vmin; box-shadow: 0px 0px 43px 0px rgba(0, 0, 0, 0.07); }
    .product.inCloud .default .content-box > ul dl > dt { height: 41.4667vmin; padding: 31.2vmin 0 0; border-radius: 2.4vmin 2.4vmin 0 0; background-color: #5574d0; background-repeat: no-repeat; font-size: 4.9907vmin; font-weight: 700; line-height: 4.9907vmin; color: #fff; }
    .product.inCloud .default .content-box > ul dl > dd { height: 30.2667vmin; padding: 7.0667vmin 0 0 8.1333vmin; border-radius: 0 0 2.4vmin 2.4vmin; background-color: #fff; }
    :lang(en) .product.inCloud .default .content-box > ul > li:not(:nth-of-type(3)) dl > dd { height: 42.2667vmin; }
    .product.inCloud .default .content-box > ul > li:nth-of-type(1) dl > dt { background-image: url(../_img/product_inCloud_icon1_94x52.png); background-position: 50% 11.6vmin; background-size: 22.4vmin auto; }
    .product.inCloud .default .content-box > ul > li:nth-of-type(2) dl > dt { background-color: #14c0da; background-image: url(../_img/product_inCloud_icon2_70x79.png); background-position: 50% 6.6667vmin; background-size: 16.6667vmin auto; }
    .product.inCloud .default .content-box > ul > li:nth-of-type(3) dl > dt { background-image: url(../_img/product_inCloud_icon3_69x79.png); background-position: 50% 6.6667vmin; background-size: 16.4vmin auto; }
    .product.inCloud .default .content-box > ul dl ul { margin: 0; padding: 0; list-style: none;  }
    .product.inCloud .default .content-box > ul dl ul > li { padding: 0 0 0 3.0667vmin; font-size: 3.3333vmin; line-height: 5.3333vmin; text-align: left; color: #696969; position: relative; }
    .product.inCloud .default .content-box > ul dl ul > li:before { content: ''; display: block; width: 1.0667vmin; height: 1.0667vmin; background: #5574d0; border-radius: 0.6667vmin; position: absolute; top: 2vmin; left: 0; }
    .product.inCloud .features { padding-top: 10.4vmin; }
    .product.inCloud .features .swiper-container { padding-bottom: 30.6667vmin; }
    .product.inCloud .features .swiper-button-prev,
    .product.inCloud .features .swiper-button-next { height: auto; margin-top: 0; top: auto; bottom: 13.2vmin; }
    .product.inCloud .features .swiper-button-prev:after,
    .product.inCloud .features .swiper-button-next:after { font-size: 5.8667vmin; color: #373a7a; }
    .product.inCloud .features .swiper-pagination { display: flex; flex-flow: row wrap; justify-content: center; bottom: 15.0667vmin; }
    .product.inCloud .features .swiper-pagination-bullet { width: 2.5333vmin; height: 2.5333vmin; margin: 0 1.4667vmin; background: #dfdfdf; opacity: 1; }
    .product.inCloud .features .swiper-pagination-bullet > span { width: 100%; font-size: 3.2vmin; line-height: 3.2vmin; color: #808080; position: absolute; top: -7.4667vmin; left: 0; opacity: 0; }
    :lang(en) .product.inCloud .features .swiper-pagination-bullet > span { top: -10vmin; }
    .product.inCloud .features .swiper-pagination-bullet-active { background: #373a7a; }
    .product.inCloud .features .swiper-pagination-bullet-active > span { opacity: 1; }
    .product.inCloud .features .swiper-slide dl { padding: 0 6.6667vmin; }
    .product.inCloud .features .swiper-slide dt { margin: 13.2vmin 0 0; font-size: 11.1253vmin; font-weight: 700; line-height: 12.1333vmin; color: #040404; }
    :lang(en) .product.inCloud .features .swiper-slide dt { font-size: 8.6667vmin; line-height: 10.1333vmin; letter-spacing: -0.2773vmin; }
    .product.inCloud .features .swiper-slide dt span { display: block; margin: 0 0 2.8vmin; font-size: 5.2573vmin; font-weight: 700; line-height: 5.2573vmin; color: #373a7a; }
    .product.inCloud .features .swiper-slide dd ul { margin: 4.1333vmin 0 7.7333vmin; padding: 0; list-style: none; }
    .product.inCloud .features .swiper-slide dd ul > li { padding-left: 3.3333vmin; font-size: 3.4293vmin; line-height: 6vmin; color: #2a2a2a; position: relative; }
    .product.inCloud .features .swiper-slide dd ul > li:before { content: ''; display: block; width: 1vmin; height: 1.2vmin; background: #373a7a; border-radius: 50%; position: absolute; top: 2.4vmin; left: 1px; }
    .product.inCloud .features .swiper-slide .img { padding: 0 3.3333vmin; }
    .faq-search-box, .faq-category-container { margin-bottom: 30px !important}
}