/* Theme Name: TheGem CryptoCoin Child Description: Multi-Purpose Wordpress Theme Author: Codex Themes. Theme URI: http://codex-themes.com/thegem/ Author URI: http://codex-themes.com/thegem/ Template: thegem Version: 1.0 Tags: one-column, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, full-width-template, theme-options, translation-ready, dark, light License: GNU General Public License License URI: license.txt */ @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap'); @import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard.css"); @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0"); /* @media (min-width: 1300px) { .container { width: 1300px !important; } } */ /********tab menu mobile no acti*********/ body .vc_tta.vc_tta-tabs .vc_tta-tabs-container { display: block !important; } body .vc_tta.vc_general .vc_tta-panel-heading { display: none !important; } /********tab menu mobile no acti*********/ body { background-color: #f2f5f7 !important;} body, option, .styled-subtitle, .gem-table thead th, .portfolio.columns-1 .portfolio-item .caption .subtitle, .gallery-item .overlay .subtitle, .cart_totals table .shipping td label, .widget_archive li, .woocommerce-cart-form.responsive .cart-item .gem-table .shop_table td.product-price, .gem-media-grid-2 .vc_gitem-animated-block .vc_gitem-zone-b .vc_gitem-post-data-source-post_excerpt > div, .thegem-te-menu__default.desktop-view ul.nav-menu > li > a, .thegem-te-info-text__title .text-body-tiny, .thegem-te-info-text__subtitle .text-body-tiny, .thegem-te-info-text__description .text-body-tiny, .thegem-te-menu__default.desktop-view ul.nav-menu > li > ul > li a, .main-menu-item, .title-main-menu, #primary-menu.no-responsive > li > a, #primary-menu.no-responsive > li.megamenu-enable > ul > li span.megamenu-column-header a, .widget_nav_menu > div > ul > li > a, .widget_submenu > div > ul > li > a, .widget_pages > ul > li > a, .widget_categories > ul > li > a, .widget_product_categories > ul > li > a, .text-body { font-family: "Pretendard", "Noto Sans KR", sans-serif !important; font-weight:400 !important; letter-spacing:-0.0px !important; } body, div, p, span {word-break:keep-all;} #primary-menu.no-responsive > li > a, #primary-menu.no-responsive > li.megamenu-enable > ul > li span.megamenu-column-header a, .widget_nav_menu > div > ul > li > a, .widget_submenu > div > ul > li > a, .widget_pages > ul > li > a, .widget_categories > ul > li > a, .widget_product_categories > ul > li > a, #primary-navigation.responsive #primary-menu li > a, #primary-navigation.responsive #primary-menu li > span.megamenu-column-header > a, .gem-button, input[type='submit'], .gem-pagination a, .gem-pagination .current, .blog-load-more button, body .wp-block-button .wp-block-button__link, body .vc_grid-pagination .vc_grid-pagination-list li.vc_grid-page a, .single-product-content-right .yith-ywraq-add-to-quote a.button, .single-product-content-right .compare.button { font-family: "Pretendard", "Noto Sans KR", sans-serif !important; } h1, .title-h1, h2, .title-h2, h3, .title-h3, h4, .title-h4, h5, .title-h5, h6, .title-h6 {font-family: "Pretendard", "Noto Sans KR", sans-serif !important;margin:0px 0 0px;line-height:1.4 !important;letter-spacing:-0px !important;} h1 .light, h2 .light, h3 .light, h4 .light, h5 .light, h6 .light, .title .light, .title-h1 .light, .title-h2 .light, .title-h3 .light, .title-h4 .light, .title-h5 .light, .title-h6 .light, .title-xlarge .light, .main-menu-item .light, .title-main-menu .light, h1.light, h2.light, h3.light, h4.light, h5.light, h6.light, .title-h1.light, .title-h2.light, .title-h3.light, .title-h4.light, .title-h5.light, .title-h6.light, .title-xlarge.light, .main-menu-item.light, .title-main-menu.light, .widget .gem-teams-name, .gem-counter-style-2 .gem-counter-number, .gem-gallery-grid .gallery-item .overlay .title, .gem-quote.gem-quote-style-3 blockquote, .row .vc_pie_wrapper span, .blog-style-styled_list1 .post-title, .blog-style-styled_list2 .post-time, .blog-style-styled_list2 .post-title, .blog-style-timeline .post-title, body .pricing-table-style-1 .pricing-price-title, body .pricing-table-style-1 .pricing-cost, body .pricing-table-style-2 .pricing-price-title, body .pricing-table-style-2 .pricing-cost, body .pricing-table-style-2 .time, body .pricing-table-style-5 .pricing-price-title, body .pricing-table-style-6 .pricing-price-subtitle, body .pricing-table-style-7 .pricing-price-title, body .pricing-table-style-7 .pricing-cost, body .vc_grid-container ul.vc_grid-filter li.vc_grid-filter-item > span, .gem-media-grid .vc_gitem-post-data-source-post_title a, .gem-media-grid-2 .vc_gitem-post-data-source-post_title a, body.woocommerce-cart-layout-modern .woocommerce .shop_table thead tr th, .woocommerce .woocommerce-checkout-one-page #order_review table thead th, .woocommerce .woocommerce-checkout.woocommerce-checkout-one-page .shop_table.woocommerce-checkout-payment-total th, .thegem-fullscreen-search .sf-input.thegem-fullscreen-searchform-input { font-family: "Pretendard", "Noto Sans KR", sans-serif !important; } #primary-menu.no-responsive > li.megamenu-enable > ul li > a, #primary-menu.no-responsive > li li > a, #primary-menu.no-responsive > li .minicart-product-title, .portfolio-filters-resp ul li a, .widget_nav_menu ul.menu, .widget_submenu > div > ul, .widget_categories > ul, .widget_product_categories > ul, .widget_pages > ul, .vc_tta.vc_tta-tabs .vc_tta-tab.vc_active > a, .vc_tta.vc_tta-tabs.vc_tta-style-outline .vc_tta-tab a, .vc_tta.vc_tta-tabs.vc_tta-style-modern .vc_tta-tab a { font-family: "Pretendard", "Noto Sans KR", sans-serif !important; } .bpa-front-tabs .bpa-front-module-heading, .bpa-front-tabs .bpa-front--dt__calendar .vc-weeks .vc-weekday, .bpa-front-tabs .bpa-front--dt__time-slots .bpa-front--dt__ts-body .bpa-front--dt__ts-body--row .bpa-front--dt__ts-body--items .bpa-front--dt__ts-body--item span, .bpa-front-tabs .bpa-front-form-control input, .bpa-front-tabs .bpa-front-form-control .el-textarea__inner, .bpa-front-tabs .bpa-front-module--booking-summary .bpa-front-module--bs-summary-content .bpa-front-module--bs-summary-content-item .bpa-front-bs-sm__item-val, .bpa-front-tabs .bpa-front-module--booking-summary .bpa-front-module--bs-head p, .bpa-front-module--service-item .bpa-front-si-card .bpa-front-si__card-body .bpa-front-si-cb__specs .bpa-front-si-cb__specs-item p, .bpa-front-tabs .el-form-item__label .bpa-front-form-label, .bpa-front-module--service-item .bpa-front-si-card .bpa-front-si__card-body .--bpa-is-desc, .bpa-front-module--payment-methods .bpa-front-module--pm-body .bpa-front-module--pm-body__item p, .bpa-front-tabs .bpa-front-tab-menu .bpa-front-tab-menu--item, .el-form-item__error, .bpa-front-module--category .bpa-front-cat-items .bpa-front-ci-pill.el-tag, .bpa-front-tabs .bpa-front-module--service-item .bpa-front-si-card .bpa-front-si__card-body .bpa-front-si-cb__specs .bpa-front-si-cb__specs-item p strong, .bpa-front-tabs .bpa-front-module--service-item .bpa-front-si-card .bpa-front-si__card-body .bpa-front-si__card-body--heading, .bpa-front-tabs .bpa-front--dt__time-slots .bpa-front--dt__ts-body .bpa-front--dt__ts-body--row .bpa-front--dt-ts__sub-heading, .bpa-front-tabs .bpa-front-module--booking-summary .bpa-front-module--bs-summary-content .bpa-front-module--bs-summary-content-item span, .bpa-front-module--bs-amount-details .bpa-fm--bs-amount-item .bpa-front-total-payment-amount-label, .bpa-front-tabs .bpa-front-module--booking-summary .bpa-front-module--bs-amount-details .bpa-front-module--bs-ad--price, .bpa-front-tabs .bpa-front--dt__calendar .vc-title, .bpa-front-tabs--foot .bpa-front-btn, .bpa-front-form-control.--bpa-country-dropdown.vue-tel-input strong, .bpa-front-tmc__booking-id .bpa-front-bi__label, .bpa-front-tmc__booking-id .bpa-front-bi__val, .bpa-front-tmc__head .bpa-front-tmc__title, .bpa-front-tmc__summary-content .bpa-front-tmc__sc-item .bpa-front-sc-item__label, .bpa-front-tmc__summary-content .bpa-front-tmc__sc-item .bpa-front-sc-item__val, .bpa-front-module--add-to-calendar .bpa-fm--atc__heading, .bpa-front-tmc__head p, .bpa-front-data-empty-view .bpa-front-dev__title, .bpa-front-form-control input::placeholder, .bpa-front-form-control .el-textarea__inner::placeholder, .bpa-front-form-control--file-upload .bpa-fu__placeholder, .bpa-custom-datepicker .el-year-table td .cell, .bpa-custom-datepicker .el-month-table td .cell, .bpa-front--dt__calendar .vc-nav-title, .bpa-front--dt__calendar .vc-nav-items .vc-nav-item, .bpa-front-thankyou-module-container .bpa-front-cc__error-toast-notification, .bpa-front__no-timeslots-body .bpa-front-ntb__val, .bpa-front-module--note-desc, .bpa-front-refund-confirmation-content .bpa-front-rcc__body .bpa-front-rcc__empty-msg, .bpa-front--dt__calendar .vc-day .vc-day-content, .bpa-front-form-control--checkbox .el-checkbox__label { font-family: "Pretendard", "Noto Sans KR", sans-serif !important; } .visual_desc {width:100%;} .visual_desc div {width:100%;margin:20px 0;} .visual_desc h4 {color:#fff !important;font-size:150% !important;font-weight:600;} #site-header.header-light .thegem-te-divider .gem-divider, #site-header.header-light .vc_row {border-color:rgba(255,255,255,0.2) !important;} .header-sticked #site-header.header-light .thegem-te-divider .gem-divider, .header-sticked #site-header.header-light .vc_row {border-color:rgba(0,0,0,0.2) !important;} .header-background {border-bottom:0px solid rgba(255,255,255,0.2);} .thegem-template-32891 {border-bottom:1px solid rgba(255,255,255,0.2);} #site-header.fixed.shrink .header-background:before {opacity:1;} #site-header-wrapper.site-header-wrapper-transparent #site-header:not(.shrink) {} #site-header.fixed.shrink .header-style-3 #primary-menu.no-responsive > li {padding-top:30px;padding-bottom:30px;} .thegem-te-menu-secondary-dropdown .dropdown-item {padding-right:25px !important;} .thegem-te-menu-secondary-dropdown .dropdown-item__wrapper {padding:10px 30px !important;border-radius:5px;} .thegem-te-menu__default.desktop-view ul.nav-menu > li > a {padding:2px 20px !important;margin:0 10px;} .thegem-te-menu__default.desktop-view ul.nav-menu > li > ul > li a {padding: 10px 30px 10px 27px !important; border-left:0px !important; background:none !important;} .thegem-te-menu__default.desktop-view ul.nav-menu > li > ul > li a:hover {background:rgba(255,255,255,0.2) !important;} .thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.megamenu-enable):not(.megamenu-template-enable) ul {width:220px !important;padding:30px 10px;background: linear-gradient( 135deg, rgba(36,170,225,1.0), rgba(247,165,160,1.0) );border:0px !important;} .thegem-te-menu__default.desktop-view ul.nav-menu > li > ul > li {border:0px !important} .header-sticky-template { border-bottom: 1px solid #e5e5e5;} .header-sticky-template .header-background {border:0px;} /******vertical header******/ #page.vertical-header #site-header-wrapper {/*background: linear-gradient( 135deg, rgba(36,170,225,1.0), rgba(247,165,160,1.0) ) !important;*/background:/*url('/main03/wp-content/uploads/sites/2/2023/03/sybbol_gradient.svg') no-repeat 10% -200px*/ #fff !important;background-size:150% !important;width:280px;padding:30px 20px;} @media (min-width: 1600px) { #page.vertical-header { padding-left: 280px; } } #page.vertical-header #site-header .site-title {margin-bottom:20px;} #page.vertical-header #primary-menu.no-responsive > li { /* padding-right: 41px; margin-right: -41px;*/padding-right: 0px; margin-right: 0px;} #primary-menu.no-responsive > li:not(.megamenu-template-enable) ul, #primary-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li, .minisearch, .minisearch .sf-input, #primary-menu.no-responsive > li:not(.megamenu-template-enable) ul > li, #primary-menu.no-responsive > li.megamenu-enable > ul > li span.megamenu-column-header, .minisearch, .minisearch .sf-input {border:0px !important;} #page.vertical-header #primary-menu.no-responsive > li > ul, #page.vertical-header #primary-menu.no-responsive > li .megamenu-template {box-shadow:6px 0px 20px -10px rgba(15,108,176,0.45);background:rgba(255,255,255,1.0) !important;padding:30px 20px;border:1px solid #f1f1f1 !important;border-left:0px !important;} #primary-menu.no-responsive > li > ul > li > a {background:transparent !important;padding:10px 15px} #primary-menu.no-responsive > li > ul > li > a:hover {background:rgba(0,0,0,0.04) !important;} #primary-menu.no-responsive > li > a::after {content:''; position:absolute;width:0px;height:2px;background:#333;margin:12px 0 0;left:0px;-webkit-transition: 0.3s; transition: 0.3s} #primary-menu.no-responsive > li > a:hover::after {content:''; position:absolute;width:5px;height:2px;background:#333;margin:12px 0 0;left:-10px;-webkit-transition: 0.3s; transition: 0.3s} #primary-menu.no-responsive > li:not(.megamenu-template-enable) ul:hover #page.vertical-header #primary-menu.no-responsive > li > a::after {content:''; position:absolute;width:30px;height:2px;background:#333;margin:12px 0 0;right:-10px;} #page.vertical-header .vertical-menu-item-widgets {padding:0px;} .vertical-menu-item-widgets {width:220px;margin:0 -20px; background: #fff;bottom:0px;} .vertical-menu-item-widgets .menu-item-socials {padding:100px 41px;} #page.vertical-header #primary-menu.no-responsive > li {border-bottom:1px solid #666;-webkit-transition: 0.3s; transition: 0.3s} #page.vertical-header #primary-menu.no-responsive > li > a {-webkit-transition: 0.3s; transition: 0.3s;padding:8px 0 9px !important;} #page.vertical-header #primary-menu.no-responsive > li > a:hover {margin:0 0 0 10px;-webkit-transition: 0.3s; transition: 0.3s} .header-style-vertical .site-title .site-logo {margin:0 auto;} .bellows {--bellows-item-padding-h:0px !important} .bellows ul#menu-main-menu {border-top:0px solid #d8e0e8;} .bellows.bellows-skin-grey-material {padding:0 21px;} .bellows .bellows-nav .bellows-subtoggle {width:100% !important;} .fa-chevron-up:before, .fa-chevron-down:before {display:none;} .bellows.bellows-skin-grey-material .bellows-nav .bellows-item-level-0 > .bellows-target, .bellows.bellows-skin-grey-material .bellows-nav .bellows-item-level-0 > .bellows-custom-content, .bellows.bellows-skin-grey-material .bellows-nav .bellows-submenu {border-bottom:1px solid #d8e0e8 !important} .bellows, .bellows .bellows-nav, .bellows [class^=bellows-] {line-height:0.4em !important;} .bellows.bellows-skin-grey-material .bellows-nav .bellows-item-level-0.bellows-current-menu-item > .bellows-target, .bellows.bellows-skin-grey-material .bellows-nav .bellows-item-level-0.bellows-current-menu-ancestor > .bellows-target, .bellows.bellows-skin-grey-material .bellows-nav .bellows-item-level-0 > .bellows-target .bellows-subtoggle, .bellows.bellows-skin-grey-material {background:rgba(255,255,255,0.0) !important;} .bellows.bellows-skin-grey-material .bellows-nav .bellows-submenu .bellows-target, .bellows.bellows-skin-grey-material .bellows-nav .bellows-submenu .bellows-custom-content, .bellows.bellows-skin-grey-material .bellows-nav .bellows-submenu .bellows-widget .textwidget {border-bottom:0px !important;padding:10px;} .bellows.bellows-skin-grey-material {box-shadow:none !important;margin:77px 0 0px 0;} .bellows .bellows-nav .bellows-menu-item-has-children>.bellows-target {padding-right: 0 !important;} .bellows .bellows-nav .bellows-menu-item-has-children>.bellows-target:hover {background:rgba(255,255,255,1.9) !important;} .bellows .bellows-nav .bellows-target>.bellows-target-text {color:#000 !important;font-size:18px !important;text-transform:uppercase;} .bellows .bellows-nav .bellows-target>.bellows-target-text:hover {color:#555 !important;} .bellows .bellows-nav .bellows-item-level-1 .bellows-target > .bellows-target-text {font-size:14px !important;color:#222 !important;text-transform:none;line-height:1.2 !important;} .menu-item-socials {padding:0 21px;position:absolute;bottom:100px;width:240px;} .bellows.bellows-skin-grey-material .bellows-nav .bellows-item-level-0.bellows-active > .bellows-target {background:none !important;border-bottom:1px solid #ddd !important;} .bellows.bellows-skin-grey-material .bellows-nav .bellows-submenu {background:#fff !important} .bellows .bellows-nav .bellows-menu-item-object-category {display:none;} .bellows.bellows-skin-grey-material .bellows-nav .bellows-submenu .bellows-current-menu-item > .bellows-target, .bellows.bellows-skin-grey-material .bellows-nav .bellows-submenu .bellows-current-menu-ancestor > .bellows-target {background:rgba(255,255,255,0.5)} .bellows.bellows-skin-grey-material .bellows-nav .bellows-submenu .bellows-current-menu-item > .bellows-target {background:#f1f1f1 !important;} #page.vertical-header #primary-menu.no-responsive, #page.vertical-header #primary-menu.no-responsive > li {display:none;} h1 .light, h2 .light, h3 .light, h4 .light, h5 .light, h6 .light, .title-h1 .light, .title-h2 .light, .title-h3 .light, .title-h4 .light, .title-h5 .light, .title-h6 .light, .title-xlarge .light {font-weight:500 !important;} .sns_wrap a {background:#c1c1c1;border-radius:30px;width:36px;height:36px;display:inline-block;} .sns_wrap a:hover {background:#666;} .language-selector__container {width:100%;display:inline-block;} .language-selector__container select { background-color: white; border: 1px solid rgb(197, 197, 197); border-radius: 5px; box-sizing: border-box; color: #3E3D40; display: block; font-size: 14px; font-weight: 600; height: 40px; min-width: 100%; padding: 0 20px 0 16px; position: absolute; outline: none; } .language-selector__container label { position:relative;width: 100%; display: inline-block; } .language-selector__container label:after { content:''; left: 90%; top: 17px; padding:0 0 2px; position:absolute; pointer-events:none; width: 0; height: 0; border-left: 3.5px solid transparent; border-right: 3.5px solid transparent; border-top: 5px solid #007fd8; z-index: 100; } .language-selector__container label:before { content:''; right: 6px; top: 10px; width: 20px; height: 20px; background: white; position: absolute; pointer-events: none; display: block; z-index: 1; } } /* #primary-menu.no-responsive ul > li {width:100% !important;border:0px !important;padding:0px;background:transparent !important;} #primary-menu.no-responsive > li > ul > li > a {background:transparent !important;color:#fff !important;padding:7px 20px 7px 5px;border-left:0px;} #primary-menu.no-responsive > li > ul > li > a:hover {background:rgba(255,255,255,0.1) !important;color:#fff !important;border-left:0px;} #primary-menu.no-responsive > li ul {padding:20px 10px;width:240px;background: linear-gradient( 135deg, rgba(28,132,229,0.9) 20%, rgba(23,67,154,1.0) ) !important;box-shadow: 0px 15px 17px 0px rgba(33,33,33,0.2);} #primary-menu.no-responsive ul {border:0px !important;} .header-style-2 #primary-menu.no-responsive li li.menu-item-current > a, .header-style-2 #primary-menu.no-responsive li li.menu-item-active > a, .header-style-2 #primary-menu.no-responsive li li:hover > a, .header-style-3 #primary-menu.no-responsive li li.menu-item-current > a, .header-style-3 #primary-menu.no-responsive li li.menu-item-active > a, .header-style-3 #primary-menu.no-responsive li li:hover > a, .header-style-2 #primary-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul li.menu-item-current > a, .header-style-2 #primary-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul li.menu-item-active > a, .header-style-3 #primary-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul li.menu-item-current > a, .header-style-3 #primary-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul li.menu-item-active > a, .header-layout-fullwidth_hamburger.logo-position-right #primary-menu.no-responsive li li.menu-item-current > a, .header-layout-fullwidth_hamburger.logo-position-right #primary-menu.no-responsive li li.menu-item-active > a, .header-layout-fullwidth_hamburger.logo-position-right #primary-menu.no-responsive li li:hover > a, .header-layout-fullwidth_hamburger.logo-position-left #primary-menu.no-responsive li li.menu-item-current > a, .header-layout-fullwidth_hamburger.logo-position-left #primary-menu.no-responsive li li.menu-item-active > a, .header-layout-fullwidth_hamburger.logo-position-left #primary-menu.no-responsive li li:hover > a, .mobile-menu-layout-default .primary-navigation.responsive ul > li.menu-item-current > a, .mobile-menu-layout-default .primary-navigation.responsive ul > li.menu-item.menu-item-active a, body .widget .tagcloud a:hover, .gem-media-grid .vc_gitem-animated-block .vc_gitem-zone-b .vc_separator .vc_sep_holder .vc_sep_line, .products .product .product-info .product-rating .empty-rating:before { border-color:rgba(255,255,255,0.2) !important; } #primary-menu.no-responsive {margin:0px} .top-area-items { margin: 0 -20px;} #primary-menu.no-responsive > li > a {line-height:28px !important;} #site-header .site-title {padding:15px 0 15px 10px;}*/ #main-center700 {margin:0 auto;max-width:700px;position:relative;z-index:9} #main-center700 {margin:0 auto;max-width:700px;position:relative;z-index:9} #main-center800 {margin:0 auto;max-width:800px;position:relative;z-index:9} #main-center900 {margin:0 auto;max-width:900px;position:relative;z-index:9} #main-center1000 {margin:0 auto;max-width:1000px;position:relative;z-index:9} #main-center1100 {margin:0 auto;max-width:1100px;position:relative;z-index:9} #main-center {margin:0 auto;max-width:1200px;position:relative;z-index:9} #main-center1260 {margin:0 auto;max-width:1260px;position:relative;z-index:9} #main-center1300 {margin:0 auto;max-width:1300px;position:relative;z-index:9} #main-center1400 {margin:0 auto;max-width:1400px;position:relative;z-index:9} #main-center1500 {margin:0 auto;max-width:1500px;position:relative;z-index:9} #main-center1600 {margin:0 auto;max-width:1600px;position:relative;z-index:1} .main-center700 {margin:0 auto;max-width:700px;position:relative;z-index:9} .main-center800 {margin:0 auto;max-width:800px;position:relative;z-index:9} .main-center900 {margin:0 auto;max-width:900px;position:relative;z-index:9} .main-center1000 {margin:0 auto;max-width:1000px;position:relative;z-index:9} .main-center1100 {margin:0 auto;max-width:1100px;position:relative;z-index:9} .main-center {margin:0 auto;max-width:1200px;position:relative;z-index:9} .main-center1260 {margin:0 auto;max-width:1280px;position:relative;z-index:9} .main-center1300 {margin:0 auto;max-width:1300px;position:relative;z-index:9} .main-center1400 {margin:0 auto;max-width:1400px;position:relative;z-index:9} .main-center1500 {margin:0 auto;max-width:1500px;position:relative;z-index:9} .main-center1600 {margin:0 auto;max-width:1600px;position:relative;z-index:1} #about-company-wrap {margin:0 auto;max-width:1100px;position:relative;z-index:9} .zindex9 {position:relative;z-index:9} .zindex99 {position:relative;z-index:99} .zindex999 {position:relative;z-index:999} .zindex9999 {position:relative;z-index:9999} .zindex99999 {position:relative;z-index:99999} .m-t--100 {margin:-100px 0 0;} .inpro {border:0px solid #ddd;overflow:hidden;-webkit-transition: 0.3s; transition: 0.3s;} .inpro:hover {border:0px solid #999;overflow:hidden;border-radius:80px 0 50px;-webkit-transition: 0.3s; transition: 0.3s;} .img_border {border:1px solid #d1d1d1;} .inpro img { transform: scale(1.0); -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); transition: transform 0.50s; -webkit-transition: transform 0.50s; -moz-transition: transform 0.50s; -ms-transition: transform 0.50s; -o-transition: transform 0.50s; overflow:; } .inpro:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transition: transform 0.50s; -webkit-transition: transform 0.50s; -moz-transition: transform 0.50s; -ms-transition: transform 0.50s; -o-transition: transform 0.50s; z-index:9999; } /*********sub menu & sub visual********/ #sub_menu_wrap {margin:100px -150px;display:none;} .sub_menu {max-width:1500px;margin:0 auto;} .sub_menu .widget_nav_menu > div > ul {position:relative;z-index:999;/*box-shadow:0px 10px 10px -10px rgba(15,108,176,0.2);*/border:0px !important;} .sub_menu .widget_nav_menu > div > ul > li {border:0px !important;} .sub_menu .widget_nav_menu > div > ul > li > a {color: rgba(0,0,0,0.9) !important;line-height:2;background:#fff;border:2px solid #333;margin:0 -2px;} .sub_menu .widget_nav_menu > div > ul > li > a:hover {color: #333 !important;background:#f7f7f7;} .sub_menu .widget_nav_menu .menu-item-active a {color:#fff !important;background:#333 !important;/*box-shadow:0px 15px 40px -15px rgba(15,108,176,0.8);*/position:relative;z-index:999;} .sub_menu .widget_nav_menu .menu-item-active a:hover {color:#fff !important;} .sub_menu .widget_nav_menu > div > ul > li.current-menu-ancestor > a {color: rgba(0,0,0,0.9) !important;} .sub_menu .widget_nav_menu > div > ul > li.current-menu-ancestor > a:hover {background:#fff;} .widget_nav_menu ul.menu li.menu-item-parent.menu-item-current > a:after {display:none;} .widget_nav_menu ul.menu li > a {padding:10px 40px 10px !important;text-align:center;font-size:15px;} .widget_nav_menu > div > ul {margin:0 auto;text-align:center;} .sub_menu .widget_nav_menu > div > ul > li.current-menu-ancestor > a {color: rgba(255,255,255,0.9) !important;background: #999;box-shadow: 0px 15px 40px -15px rgb(15 108 176 / 80%); } .sub_menu .widget_nav_menu > div > ul > li.current-menu-ancestor > a:hover {background:#999;} .widget .menu-item-has-children.menu-item-parent > a:after {display:none;} .wpb_content_element {margin-bottom:0px !important;} .widget_nav_menu > div > ul > li > a, .widget_submenu > div > ul > li > a, .widget_pages > ul > li > a, .widget_categories > ul > li > a {letter-spacing:0px !important;} .sub_menu_back {border-bottom:0px solid #e5e5e5;margin-top:-30px;padding-bottom:50px;} .sub_menu_col2 .menu, .sub_menu_col3 .menu, .sub_menu_col4 .menu, .sub_menu_col5 .menu, .sub_menu_col6 .menu, .sub_menu_col7 .menu {display:flex;} .sub_menu_col2 .menu {margin:0 auto;display:flex;} .sub_menu_col2 .menu li {width:50%;position:relative;} .sub_menu_col3 .menu {margin:0 auto;display:flex;} .sub_menu_col3 .menu li {width:33.333333%;position:relative;} .sub_menu_col4 .menu {margin:0 auto;display:flex;} .sub_menu_col4 .menu li {width:25%;position:relative;} .sub_menu_col5 .menu {margin:0 auto;display:flex;} .sub_menu_col5 .menu li {width:20%;position:relative;} .sub_menu_col6 .menu {margin:0 auto;display:flex;} .sub_menu_col6 .menu li {width:16.6666666667%;position:relative;} .sub_menu_col7 .menu {margin:0 auto;display:flex;} .sub_menu_col7 .menu li {width:14.29%;position:relative;} .block-content {background:#f2f5f7} .btn_wrap {margin:30px 0;} .btn_wrap a {padding:10px 40px;border-radius:5px;background:#0e2b43;color:#fff;border:1px solid #0e2b43;font-size:95%;display:inline-block} .btn_wrap a:hover {background:#fff;color:#0e2b43;box-shadow:0px 20px 40px -20px rgba(77,85,91,0.4);} .btn_wrap a:hover .size16 {margin:0 0 0 20px;-webkit-transition: 0.3s; transition: 0.3s;} .btn_blank_wrap {margin:30px 0;} .btn_blank_wrap a {padding:10px 40px;border-radius:5px;background:transparent;color:#0e2b43;border:1px solid #0e2b43;font-size:95%;display:inline-block;} .btn_blank_wrap a:hover {background:#0e2b43;color:#fff;box-shadow:0px 20px 40px -20px rgba(77,85,91,0.4);} .btn_blank_wrap a:hover .size16 {margin:0 0 0 20px;-webkit-transition: 0.3s; transition: 0.3s;} .btn_light_wrap {margin:0px 0;} .btn_light_wrap a {padding:10px 40px;border-radius:5px;background:transparent;color:#fff;border:1px solid #fff;font-size:95%;display:inline-block} .btn_light_wrap a:hover {background:#fff;color:#0e2b43;} .btn_light_wrap a:hover .size16 {margin:0 0 0 20px;-webkit-transition: 0.3s; transition: 0.3s;} rgba(230, 241, 255, 0.5) /*********메인**********/ rs-module-wrap {position:relative !important;margin-top:55% !important;left:auto;right:0 !important;} .main-menu-item a {font-weight:600;} .height100 {height:100%;} #main_scroll_ani {position:absolute;margin:35% 0 0;} #scroll_wrapper { /*display: table; width:100%; height:100%;*/ } #scroll_wrapper-inner { display: table-cell; vertical-align:middle; width:100%; height:100%; } #scroll-down { display: block; position: relative; padding-top: 82px; text-align:center; } .arrow-down { display: block; margin: 0 auto; width: 10px; height: 38px; } .arrow-down:after { content: ''; display: block; margin: 0px; padding: 0; width: 8px; height: 8px; border-top: 2px solid #343e72; border-right: 2px solid #343e72; behavior: url(-ms-transform.htc); -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } #scroll-title { display: inline-block; text-transform: uppercase; color: #343e72; font-size:13px; font-weight:bold; letter-spacing:.1px; } #scroll-down::before { -webkit-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite; /* Safari 4+ */ -moz-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite; /* Fx 5+ */ -o-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite; /* Opera 12+ */ animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite; /* IE 10+, Fx 29+ */ position: absolute; top: 40px; left: 50%; margin-left: -2px; width: 2px; height: 50px; background: #343e72; content: ' '; } @-webkit-keyframes elasticus { 0% { -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); -moz-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); } 50% { -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } 50.1% { -webkit-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } 100% { -webkit-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); -moz-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); } } @-moz-keyframes elasticus { 0% { -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); -moz-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); } 50% { -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } 50.1% { -webkit-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } 100% { -webkit-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); -moz-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); } } @-o-keyframes elasticus { 0% { -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); -moz-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); } 50% { -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } 50.1% { -webkit-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } 100% { -webkit-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); -moz-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); } } @keyframes elasticus { 0% { -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); -moz-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); } 50% { -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } 50.1% { -webkit-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } 100% { -webkit-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); -moz-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); } } // codepen profile logo #paschka { display: block; color:white; font-family:helvetica neue, helvetica, arial; font-size:32px; text-decoration: none; position: fixed; bottom:0px; right:0px; padding:0px; transition: all .1s ease; background:#000; height:40px; line-height:30px; vertical-align:middle; width:40px; text-align:center; border-radius: 5%; bottom:20px; right:20px; &:hover { background:#232323; transition:all .1s ease; color:#f0f0f0; } } #rev_slider_4_1_wrapper {left:0 !important;width:100% !important;} /*#rev_slider_1_1_wrapper, #rev_slider_3_1_wrapper, #rev_slider_4_1_wrapper {left:-220px !important;width:100% !important;} #rev_slider_4_1 {width:100% !important;} */ /* #vertical_section01, #vertical_section02 {padding:0 0 0 0px;} #vertical_section01, #vertical_section02 {padding-top:100px;}*/ .main03_about_marg {width:78.3333% !important;margin-left:-20%;} .uppthera_rvslider .html5vid video { background-attachment:fixed;} /* quick-menu */ .quick-menu { position: fixed; bottom: 0; right: 0; width: 80px; z-index: 10;} .quick-menu-anchor { position: relative; display: block; height: 240px; background: #000 url('/kyeng/wp-content/uploads/2023/02/main-plus-btn.png') 50% calc(100% - 30px) no-repeat; white-space: nowrap;text-transform:uppercase;} .quick-menu-anchor:hover { background: #333 url('/kyeng/wp-content/uploads/2023/02/main-plus-btn.png') 50% calc(100% - 30px) no-repeat; } .quick-menu-anchor span { position: absolute; top: 50%; left: 13%; transform: rotate(90deg) translate(-52%,40%); color: #fff; font-size: 18px; font-weight: 400;} .quick-menu-anchor02 { position: relative; display: block; height: 240px; background: #06338E url('/kyeng/wp-content/uploads/2023/02/main-plus-btn.png') 50% calc(100% - 30px) no-repeat; white-space: nowrap;text-transform:uppercase;} .quick-menu-anchor02:hover { background: #196ee0 url('/kyeng/wp-content/uploads/2023/02/main-plus-btn.png') 50% calc(100% - 30px) no-repeat; } .quick-menu-anchor02 span { position: absolute; top: 55%; left: 3%; transform: rotate(90deg) translate(-52%,40%); color: #fff; font-size: 18px; font-weight: 400;} /*.quick-menu-btn { width: 80px; height: 80px; background: #fff url(/images/common/ico-top.png) 50% / 16px 20px no-repeat; }*/ /*.main_right_quick {-ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);display:flex;position:} a.q_btn01 {padding:30px;min-width: 200px;background:#06338E;color:rgba(255,255,255,0.7);text-align:center;text-transform:uppercase;font-size:90%;font-weight:300;display:inline-block;} a.q_btn02 {padding:30px;min-width: 200px;background:#000;color:rgba(255,255,255,0.7);text-align:center;text-transform:uppercase;font-size:90%;font-weight:300;display:inline-block;} a.q_btn01:hover {color:#fff;background:#196ee0} a.q_btn02:hover {color:#fff;background:#333}*/ .main-visual-btn-item { display: flex; justify-content: left; margin:0 0 150px;} .main-visual-btn-inner { position: relative; display: flex; align-items: center; color: #fff;-webkit-transition: 0.7s; transition: 0.7s;} .main-visual-btn-inner a { position: absolute; top: 0; left: 0; right: 0; bottom: 0;} .main-visual-btn-inner::after { content: ''; display: inline-block; width: 55px; height: 55px; margin-left: 80px; background: url('/wp/wp-content/uploads/2023/03/main-visual-btn.png') 50% no-repeat; transition: all .4s ease-in-out; z-index: -1;} .main-visual-btn-inner:hover::after { transform: rotate(360deg); } .main-visual-btn-txt p { padding-bottom: 10px; font-size: 28px; font-weight: 500;margin:0px;} .main-visual-btn-txt span { font-size: 16px; font-weight: 300;} .main-visual-btn-inner:hover p {color:#06338E;-webkit-transition: 0.7s; transition: 0.7s;} .blog-style-compact-tiny-1 article.with-separator, .blog-style-classic-tiny article.with-separator {border-bottom:1px dashed #c1c1c1 !important;padding:10px !important} .page-scroller-nav-item { border: 2px solid #808ea7; } .page-scroller-nav-item.active { background-color: #808ea7;} .main_title_light {} .main_title_light h2 {color:#fff !important;margin:0 0 40px;} .main_title_light h2:after {content:''; position:absolute;width:30px;height:2px;background:#fff;left: 2px; margin: 85px 0 0;} .main_title_light div {color:rgba(255,255,255,0.9);} .main_title_sub_light {color:rgba(255,255,255,0.3);} .main_title_light_center {text-align:center;} .main_title_light_center h2 {color:#fff !important;margin:0 0 40px;} .main_title_light_center h2:after {content:''; position:absolute;width:30px;height:2px;background:#fff;left: 50%; margin: 85px 0 0 -15px;} .main_title_light_center div {color:rgba(255,255,255,0.9);} .main_title_sub_light_center {color:rgba(255,255,255,0.3);} .main_platform_wrap {} .main_platform {-webkit-transition: 0.7s; transition: 0.7s;} .main_platform:hover {margin:-20px 0 20px;-webkit-transition: 0.7s; transition: 0.7s;box-shadow:0px 20px 40px -20px rgba(77,85,91,0.8);} .main_platform_desc a {color:#fff;padding:300px 30px 50px;background: linear-gradient( 0deg, rgba(0,0,0,0.7), rgba(0,0,0,0.0) );display: inline-block; width: 100%;} .main_platform_desc a:hover {color:#fff} .main_platform_desc h3 {color:#fff;margin:0 0 10px;} .main_platform_desc h4 {color:#fff;margin:0 0 10px;} .main_platform_desc h5 {color:#fff;} .main_platform_desc div {} sup {font-size:60%;top:-0.7em} .main_com_icon_wrap {} .main_com_icon {border:1px solid #fff;padding:40px;margin:0 0 0 -1px;background:rgba(255,255,255,0.3);-webkit-transition: 0.3s; transition: 0.3s;} .main_com_icon img {margin:0 0 20px;} .main_com_icon:hover {margin:-5px 0 -5px -1px;background:rgba(255,255,255,1.0);border:1px solid rgba(255,255,255,0.1);position:relative;z-index:9;box-shadow:0px 10px 20px -10px rgba(77,85,91,0.4);-webkit-transition: 0.3s; transition: 0.3s;} .main_pc_padd_first {padding:150px 100px 0 !important;} .main_pc_padd_second {padding:90px 100px 0 !important;margin-top:-00px !important;position:relative;z-index:9;} .main_pc_padd_third {padding:0px 30px 0 100px !important;} .main_section_title {} .main_section_title div {font-size:110%;line-height:1.8} .main_section_title p {} .main_section_title h2 {color:#000;letter-spacing:-0.05em !important;line-height:1.2 !important;margin:0 0 30px;} .main_section_title h2 strong {display:block;color:#16397f;} .main_section_title h4 {margin:0 0 30px;} .main_section_title h5 {margin:0 0 20px;} .main_section_desc {font-size:20px;line-height:1.7;} .main_symbol_img img {position:absolute;z-index:0; width: 150%; margin: -300px 0px 0 -200px;} .main_section_title h2.lightcolor {color:rgba(255,255,255,1) !important;} .main_section_title h4.lightcolor {color:rgba(255,225,21,0.8) !important;font-size:170%;} .main_section_title div.lightcolor {color:rgba(255,255,255,0.5) !important;} .bg_video {position:absolute;top: 0; left: 0; height: 100%; width: 100%; z-index: -1;} .bg_video__content { height: 100%; width: 100%; object-fit: cover; } .main_pipeline_img img {border-radius:00px;padding:0px;width:280px;} .main_pipeline_wrap {padding:0 30px;} .main_e3l_img img {width:380px;} .main_pr_img img {width:400px;} body .vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-tab > a, body .vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-tab.vc_active > a {font-size:24px;border:0px !important;font-family: "Pretendard", "Noto Sans KR", sans-serif !important;background:none !important;} body .vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-tab > a:hover {color:rgba(22,57,127, 1.0);} body .vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-tab.vc_active > a span:before {content:'';background:rgba(51,165,212, 0.3);position:absolute;z-index:0;width:36px;height:36px;border-radius:30px;top:10px;margin:0 0 0 -10px} body .vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-tab.vc_active > a span {color:rgba(22,57,127, 1.0);font-weight:700;} body .vc_tta.vc_tta-color-thegem.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels {background:transparent !important;} .vc_tta.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels {border:0px !important;} .vc_tta.vc_general.vc_tta-tabs .vc_tta-panel-body {padding:50px 0 0 !important;} .main_section_img_marg {margin:-120px 0 0 0 !important;} .main_tab_content_wrap {padding:20px 0px 0 50px;} .main_tab_content_wrap h3 {margin:20px 0 0;color:#444;font-weight:300;} .main_tab_content_wrap h1 {margin:10px 0 30px;line-height:1.1 !important;font-weight:700} .main_tab_content_wrap div {font-size:18px;line-height:1.7;} .section02_background {background:url('/wp/wp-content/uploads/2023/03/sybbol_gradient.svg') no-repeat -100px -20%;background-size:30%;} #max-width600 {max-width:800px;position:relative;z-index:9;padding:50px 100px 50px 160px;} .main_ico_round img {background:#fff;width:150px;height:150px;margin:0 auto 10px;border-radius:100px;padding:15px;-webkit-transition: 0.5s; transition: 0.5s;} .main_ico_round img:hover {box-shadow:0px 10px 20px -15px rgba(77,85,91,0.4);-webkit-transition: 0.5s; transition: 0.5s;margin-top:-10px;margin-bottom:20px;} #main-com-width {max-width:800px;position:relative;z-index:9;padding:40px 0px 80px 0px;} .t_center {text-align:center;} /* .lett-3 {letter-spacing:-3px !important;} .main_cont_wrap h3 {margin:0 0 20px;} .main_cont_wrap h5 {font-weight:200} .main_cont_wrap div {max-width:600px;} .main_service_right_marg {margin:-240px 0 0;} .main_service_right_marg02 {margin:-210px 0 0;} */ .owl-carousel .owl-stage {padding:50px 0 0;} .main_pro_slider_wrap {display:inline-block;} .main_pro_slider_wrap a {padding:50px 0 80px;text-align:center;border-radius:50px 0 100px 50px;display:inline-block;background:#f2f5f8;-webkit-transition: 0.5s; transition: 0.5s;box-shadow:0px 10px 20px -15px rgba(77,85,91,0.4);color:#333;overflow:hidden;} .main_pro_slider_wrap a:hover {box-shadow:0px 20px 30px -20px rgba(77,85,91,0.6);-webkit-transition: 0.5s; transition: 0.5s;margin:-30px 0 0;border-radius:0 50px 0 100px;background:#fff} .main_pro_slider_wrap a img {display:block !important;visibility:visible !important;padding:50px 0 80px} .main_pro_slider_wrap a p {margin:0px;} .main_typing_visual {background:url('/wp/wp-content/uploads/2024/02/main_visual_human.png') no-repeat 120% 105%;} .main_visual_txt {font-size:45px;color:#343e72} .main_txt {margin:20% 0 0;} .main_typing_wrap {font-size:250%;color:#343e72;line-height:1.3;font-family: "Pretendard", "Noto Sans KR", sans-serif !important;font-weight:600;} .main_txt_desc {margin:30px 0 0;font-size:150%;line-height:1.6;max-width:800px;} .main_slide_r_padd {padding:0 50px 0 0;} .main_pro_mr {margin-right:10%;} .main_pro_ml {margin-left:10%;} .sa_owl_theme .owl-nav button {top:-10%;} .sa_owl_theme .owl-nav {position: absolute; z-index: 999999;margin:-100px 0 0 -200px !important;} .white .sa_owl_theme .owl-nav .owl-prev { background: rgba(255, 255, 255, 1.5); padding: 10px; transition: all 0.3s; -webkit-transition: all 0.3s; width: 60px !important; height: 60px !important;left:10;} .white .sa_owl_theme .owl-nav .owl-prev:hover { background:#999 !important} .white .sa_owl_theme .owl-nav .owl-prev:before {content:'\e824';font-family: "revicons"; font-size: 15px; color: #999; display: block; line-height: 60px; text-align: center;} .white .sa_owl_theme .owl-nav .owl-next { background: rgba(255, 255, 255, 1.5); padding: 10px; transition: all 0.3s; -webkit-transition: all 0.3s; width: 60px !important; height: 60px !important;left:75px;} .white .sa_owl_theme .owl-nav .owl-next:hover {background:#999 !important } .white .sa_owl_theme .owl-nav .owl-next:before {content:'\e825';font-family: "revicons"; font-size: 15px; color: #999; display: block; line-height: 60px; text-align: center;} .uppthera_main_visual {position:fixed !important;height:760px;z-index:0;left:220px !important;width:100% !important;padding-right:190px;} #vertical_section01 {margin:760px 0 0 0;} .pum-theme-25184 .pum-content, .pum-theme-lightbox-2 .pum-content {font-weight:400 !important;} .pum-theme-lightbox-2 .pum-content strong {margin:10px 0;display:inline-block;} /* .main_network_wrap {position:relative;z-index:999999 !important;margin-bottom:-80px;} .main_network_wrap h6 {} .main_network_wrap h6 strong {color:#196ee0 !important;font-weight:400;} .main_network_wrap h3 {} .imgl-map .imgl-infobox {display:none;opacity:0 !important;} .imgl-map .imgl-infobox:hover {opacity:0 !important;display:none;} .imgl-map-1 .imgl-pin-1 .imgl-ico-wrap, .imgl-map-1 .imgl-pin-2 .imgl-ico-wrap, .imgl-map-1 .imgl-pin-3 .imgl-ico-wrap, .imgl-map-1 .imgl-pin-4 .imgl-ico-wrap, .imgl-map-1 .imgl-pin-5 .imgl-ico-wrap, .imgl-map-1 .imgl-pin-6 .imgl-ico-wrap {background:#fff;border-radius:30px;padding:10px 15px;color:#196ee0 !important;box-shadow: 6px 3px 9px 0 rgb(128 155 190 / 27%);} .imgl-theme-light .imgl-tooltips .imgl-tooltip-form {box-shadow: 6px 3px 9px 0 rgb(128 155 190 / 27%) !important;} .imgl-shadow-pulse .imgl-pin-data { -webkit-animation: imgl-shadow-pulse 2s infinite ease-out; animation: imgl-shadow-pulse 2s infinite ease-out; box-shadow: 0 0 3px 0 rgb(255 255 255 / 100%) !important; } .indoor_shoo_wrap {padding:20px;} .indoor_shoo_wrap h5 {font-size:180%;color:#196ee0;} .indoor_shoo_wrap h6 {font-size:130%;margin:0 0 10px;} .main_network_desc_wrap {margin:-200px -10% 0 0 !important;text-align:right;width:90%;-webkit-transition: 0.5s; transition: 0.5s;} .main_network_desc_wrap a h4 {margin:30px 0 20px;letter-spacing:-3px !important;} .main_network_desc_wrap a p {color:rgba(0,0,0,0.8)} .num_wrap {color:##2a6496;font-size:200%;font-weight:500;} .num {color:#196ee0;font-size:400%;margin:0 20px 0 0;font-weight:600} .main_network_desc_wrap:hover {margin:-210px 0 0 0 !important;-webkit-transition: 0.5s; transition: 0.5s;} .main_network_desc_wrap a:hover .num {color:#2a6496;}*/ /*.main_network_desc_wrap a:hover h4 {color:#666 !important;} .main_network_desc_wrap a:hover p {color:rgba(0,0,0,0.4);}*/ /********table*********/ /* .basic_table *:not(.gem-table):not(.cart_totals) > table:not(.shop_table):not(.group_table):not(.variations) td {border:1px solid #e5e5e5 !important;} .basic_table *:not(.gem-table):not(.cart_totals) > table:not(.shop_table):not(.group_table):not(.variations) td:first-child {border-left:0px solid #e9e9e9 !important;} .basic_table *:not(.gem-table):not(.cart_totals) > table:not(.shop_table):not(.group_table):not(.variations) td:last-child {border-right:0px solid #e9e9e9 !important;} */ .scroll_x {overflow:auto} .basic_table {width:100%;border-top:2px solid #3f4756;text-align:center;} .basic_table caption {text-align:right;margin:0px 0 10px;position:relative;z-index:99;} .basic_table thead td {background:#f2f5f8;color:#000;padding:20px;font-weight:600;} .basic_table tr {} .basic_table td {padding:15px 20px !important;border:1px solid #e4e6ec !important;} .basic_table td:first-child {border-left:0px !important;} .basic_table td:last-child {border-right:0px !important;} .basic_table td.table_right {text-align:right;} .basic_table_com {width:100%;border-top:1px solid #3f4756 ;} .basic_table_com thead td {background:#f2f5f8;color:#000;padding:20px;font-weight:500} .basic_table_com tr {border-bottom:1px solid #e4e6ec;background:rgba(255,255,255,0.7);} .basic_table_com td {padding:15px 20px !important;} .basic_table_com td.table_title_com {background:#f2f5f8;color:#222;font-weight:400;border-right:1px solid #e4e6ec !important;} .basic_table_com td.table_content_com {width:80%;} .basic_table_com td.table_content_com li strong {display:block;} .basic_table_com td.table_content_com li strong {display:block;} .basic_table_com td.table_content_com li li {font-size:90%;} .basic_table_com td.table_content_com ul {margin:0px;} .basic_table_com td.table_content_com ul.flex {display:flex;} .basic_table_com td.table_content_com ul.flex li {margin:0 40px 0 0;padding:0px;} .basic_table_com td.table_content_com ul ul {margin:0px;} .basic_table_com td.table_title_width50_com {width:50%;background:#f7f8fa;color:#222;min-width:120px;font-weight:400;} .basic_table_com td.table_content_width50_com {width:50%;} .basic_table_pro {width:100%;border-top:1px solid #666 !important;background:#fff;} .basic_table_pro thead td {background:#f2f5f8;color:#000;padding:10px 5px;font-size:85%;font-weight:600;border-top:1px solid #666 !important;} .basic_table_pro tr {border-bottom:1px solid #e1e1e1;} .basic_table_pro td {padding:7px !important;line-height:1.3;border-right:1px solid #e1e1e1 !important;font-size:85%;text-align:center;color:#333;font-weight:500;} .basic_table_pro td.table_title_pro {background:#f2f5f8;color:#222;min-width:120px;font-weight:600;} .basic_table_pro td.table_content_pro {width:62%;background:#fff;} .basic_table_pro td.table_content_pro_wauto {width:auto;background:#fff;} .basic_table_pro td.t_left {text-align:left;} .basic_table_pro td.point_color {background:rgba(53,143,236,0.1);color:#000;} .tabcontent table {min-width:600px;} /********table*********/ /***old history***/ .year-tit { font-size:24px; color:#333; font-weight:700; text-align:center; padding:15px; display:table; margin:0 auto -40px; width:200px; height:200px; background:#fff; position:Relative; z-index:10; border:1px solid #e9e9e9; border-radius:120px; box-shadow:-4px 5px 15px 4px rgba(235,235,235,0.45); } .year-tit img {display:block;margin:20px auto 20px;} .hisrow{ position:relative; display: table; width: 100%; table-layout: fixed; padding-bottom:50px; } .his-div{ width:50%; clear:both; text-align:right; } .his-div02{ float:right; text-align:left; } .his-div ul, .his-div li{ list-style:none; margin:0; padding:0px; } .his-div ul ul { display:block; } .his-div ul ul.inside_img { margin:80px 0 0; } .his-div li{ margin-bottom:60px; position:relative; /* font-family: 'NanumGothic', sans-serif; */ } .his-div li li { margin-bottom:10px;font-size:110%; } .his-div li li strong { color:#000;margin:0 10px 0 0;min-width:30px;display:inline-block; } .his-div li b{ font-size:130%; color:#000; line-height:50px; display:inline-block; vertical-align:middle; width:130px; position:Absolute; top:20%; margin-top:-25px; text-align:Center; box-shadow:-4px 2px 5px 2px rgba(235,235,235,0.45); border-radius:50px; background:#fff; } .his-div01 li b{ right:30px; } .his-div02 ul {padding-left:0px;} .his-div02 li b{ left:30px; } .his-div01 li{ padding-right:40px; padding-top:100px; } .his-div02 li{ padding-left:40px; padding-top:100px; } .his-div li:before, .his-div li:after{ content:""; display:block; position:Absolute; right:-4px; top:20%; } .his-div li li {padding:0px;} .his-div li li:before, .his-div li li:after{ display:none; } .his-div li:before{ width:8px; height:8px; border-radius:100%; background:#d1d1d1; margin-top:-4px; } .his-div li:after{ width:30px; height:1px; background:#d1d1d1; margin-top:-0.5px; } .his-div02 li:before, .his-div02 li:after{ right:auto; left:-4px; } .his-div02 li li:before, .his-div02 li li:after{ display:none; } .hisrow:before{ content:""; display:block; position:Absolute; right:50%; top:0; width:1px; height:100%; background:#d1d1d1; } .his-bg01{ width: 350px; height: 350px; left: 95%; top: 0; } #his-sec01 .av_one_full{ margin:0; } #his-sec01 .sub-btitwr{ margin-bottom:110px; } .his_img img {max-width:90%;padding:10px 0 0;} /***old history***/ /****new history*****/ .history_first_marg {position:relative;z-index:99;} .company_history_tit { letter-spacing:-1px;line-height:1.0;padding:40px 80px;text-align:left;font-size:55px; font-weight:700;box-shadow:0px 30px 60px -30px rgba(156,182,191,0.25);margin:0 0 0 -10%;border-radius:300px;position:relative;z-index:99999999;} .company_history_tit span { color:#1c84e5;} .company_history_tit strong { color:#1cafe5; font-size:50%;font-weight:300;margin:20px 0 0 30px;position:relative;} .no_padding {padding:0px;} .company_history_wrap {padding:0px 0 0 120px;display:inline-block;width:100%;max-height:360px;overflow-y:auto;overflow-x:hidden;-ms-overflow-style: none;scrollbar-width: none;} .company_history_wrap::-webkit-scrollbar { display: none;} .company_history_sub {background: linear-gradient(0deg, #c7cee5 50%, transparent); display: inline-block; height: 60px; width: 100%; margin: -50px 0 0 !important;} .company_history {padding:20px 0;border-left:0px solid #e4e6ec;width:100%;margin-left:0%;display:inline-block;} .history_year { font-size: 26px;font-weight:bold;margin:11px 0 0 -100px;color:#000000;width:100%;} .history_year p {vertical-align:middle;} .history_description {width:100%;margin:-26px 0 0 10px;display:flex;} .history_description .his_img {width:50%;float:right;} .history_description .his_img img {max-width:400px;position:absolute;} .history_description ul {padding:0px;margin:0px;width:100%;} /*.history_description li:before {content: "";background:#000;width:6px;height:2px;margin:10px 0px;position:absolute;}*/ .history_description li {list-style:disc;margin-left:30px;padding:2px 0;display:flex;flex-wrap:wrap;} .history_description .month {float:left;margin-right:10px;width:3%;font-weight:700;color:#333;box-sizing: border-box;} .history_description .content {float:left;width:100%;margin-left:0px;box-sizing: border-box;display:flex;color:#000;} .history_description .content strong {min-width:30px;font-weight:700;color:#000;} .history_description .content span {color:#999;} .history_description .content p {margin:0px;width:90%;} .company_history_wide_wrap {padding:0px 0 0 200px;display:inline-block;} .history_year_wide { font-size: 30px;font-weight:bold;margin:15px 0 0 -200px;color:#000000;width:100%;} .circle {background:#999;-moz-border-radius:50%;border-radius:50%;padding:4px;position:absolute;margin:17px 0 0 -8px; z-index:9999;display:none;} .circle_inside {background:#fff;-moz-border-radius:50%;border-radius:50%;width:7px;height:7px;} .history_img {margin:20px 0 30px 40px;display:flex;} .history_img div {width:50%;} .history_img img {width:100%;} .history_copy { transform: translateX(-30%) translateY(0%) rotate(-90deg); width: 600px; font-weight: 700; line-height:1.2; letter-spacing: -3px; font-size: 100px; background: linear-gradient( 135deg, rgba(33,33,33,0.05), rgba(33,33,33,0.05) ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position:absolute; text-transform:uppercase; text-align:right; padding:0 20px 0 0; } .history_term {padding:0px 0 0 0;} .history_term h2 { color:#000;font-weight:700;font-size:40px;} .history_term h2:before { content:'';width:30px;height:2px;background:#333;position:absolute;margin:-5px 0 0;} .block-content { background:#f2f5f8; padding:110px 0 100px } .history_back_left {background:#fff;width:100%;} .height150 {height:300px;} /****new history*****/ /** inquiry **/ input[type="text"], input[type="password"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="number"], input[type="range"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="month"], input[type="week"], textarea, .chosen-container, .select2-container, .checkbox-sign, .radio-sign {background-color:#fff !important;} .service_inquiry_wrap {border-top:1px solid #3f4756;} .service_inquiry {display:flex;border-bottom:1px solid #ddd;vertical-align:middle;} .service_inquiry_pagetitle {text-align:center;width:100%;padding:20px;color:#333;font-weight:500;background:#f2f5f8;line-height:44px;font-size:130%;} .service_inquiry_title {width:20%;float:left;padding:20px;color:#333;font-weight:500;background:#f2f5f8;line-height:32px;} .service_inquiry_title strong {color:#f33900;} .service_inquiry_content {width:80%;float:left;padding:10px;} .service_inquiry_content div {width:100%;} /*.service_inquiry_content span {width:100%;}*/ .service_inquiry_content input {width:100%;} .service_inquiry_content textarea {padding:7px;width:100%;} .service_inquiry_content .inquiry_select {padding:7px 0 7px 10px;font-size:15px;} .service_inquiry_content .inquiry_file {padding:7px 0;font-size:15px;background:none;line-height:15px;width:100%} .tel_number {width:100px;float:left;} .dash {padding:10px;} .wpcf7-radio {margin:12px 0 0;display:inline-block;} .wpcf7-form span.wpcf7-list-item {margin-right:40px !important;} .radio_btn {margin-left:10px;} .radio_btn input {width:auto;} .main_service_inquiry_content select:before { content: '\f078'; font: normal normal normal 17px/1 FontAwesome; color: #0ebeff;} select.wpcf7-form-control.wpcf7-select {padding:12px;} .service_agree checkbox {width:auto !important;} #inquiry_center {max-width:1130px;margin:0 auto;} .wpcf7-form .wpcf7-quiz, .wpcf7-form input[type="number"], .wpcf7-form input[type="date"], .wpcf7-form input.wpcf7-text, .wpcf7-form .combobox-wrapper, .wpcf7-form textarea {width:100% !important;} /** inquiry **/ /***********sub page************/ .block-content {background:#fff !important;} .page_title_wrap {padding:150px 10px 40px;text-transform:none;max-width: 1300px; margin:0 auto ;} h1 {line-height:1.3;letter-spacing:-1px;position:relative;z-index:999;font-weight:600;font-size:64px !important; margin: 0 auto;} /*.page_title_wrap h1 strong {font-weight:200;font-size:50%;display:block;color:rgba(255,255,255,1.0);} */ .page_location {display: flex; align-items: center;} .page_location .home {overflow: hidden; position: relative;} .page_location .home a {color: rgba(0,0,0,.5); font-size: 0.7rem;margin:7px 0 0;display:inline-block;} .page_location .path-item {position: relative; color: rgba(0,0,0,.5); padding: 0 0.3rem; text-transform: uppercase;} .page_location .path-item i {font-size: 0.72rem; margin-right: 1.2rem; margin-left: 1.2rem;} .page_location .path-item:last-child {color: rgba(0,0,0,1);} .sub_visual {position:relative;z-index:99;} .sub_visual_light01 {background:url('/wp/wp-content/uploads/2023/09/sub_visual_light01.png') no-repeat 120% -20%;background-size:auto;padding:0 0 150px;margin-bottom:-100px !important;} .sub_visual_light02 {background:url('/wp/wp-content/uploads/2023/09/sub_visual_light01.png') no-repeat 120% -20%;background-size:auto;padding:0 0 150px;margin-bottom:-100px !important;} .sub_visual_light03 {background:url('/wp/wp-content/uploads/2023/09/sub_visual_light03.png') no-repeat 100% 0%;background-size:auto;padding:0 0 150px;margin-bottom:-100px !important;} .sub_visual_light04 {background:url('/wp/wp-content/uploads/2023/09/sub_visual_light03.png') no-repeat 100% 0%;background-size:auto;padding:0 0 150px;margin-bottom:-100px !important;} .sub_visual_light05 {background:url('/wp/wp-content/uploads/2023/09/sub_visual_light03.png') no-repeat 100% 0%;background-size:auto;padding:0 0 150px;margin-bottom:-100px !important;} .page_title_2depth {display:none;max-width:1300px;margin:0px auto 50px;padding:0px 10px 0;} .page_title_2depth h3 {margin:0 0 -0px;font-size:200%} .sub_symbol_img img {position:absolute; width: 55%; margin: -40% 0% 0 50% !important;z-index:-1} .page_desc_wrap {font-size:105%;line-height:1.7} .page_desc_wrap h3, .page_desc_wrap h4 {margin:0 0 30px;} .page_desc_wrap h4 {font-size:28px;} .sub_con_wrap h3, .sub_con_us_wrap h3 {text-align:left;margin:0 0 50px;color:#6898e3;font-size:28px;} /*.sub_con_wrap h3:after {content:'';position:absolute;width:20px;height:2px;background:#333;left:0%;margin:60px 0 0 10px;}*/ .sub_con_wrap ul li {padding:3px 0} .sub_con_wrap h3:before {content:'';position:absolute; top: 60px; left: 10px; bottom: 0; right: 0; z-index: -1;width:30px;height:4px;background:#ffa6b2;} /*.sub_con_wrap h3:before {content:'';position:absolute; top: 5px; left: -0px; bottom: 0; right: 0; z-index: -1;background:url('/wp/wp-content/uploads/2023/10/sub_title_symbol.svg') no-repeat;background-size:30px;opacity:1.0}*/ .sub_con_wrap h4 {margin:0 0 30px;} .whoweare h3 {font-size:28px;color:#333;} .whoweare h3:before {display:none;} .sub_con_us_wrap ul li {padding:3px 0} .sub_con_us_wrap h3:before {content:'';position:absolute; top: 20px; left: 10px; bottom: 0; right: 0; z-index: -1;width:30px;height:4px;background:#ffa6b2;} .sub_con_light_wrap h3 {text-align:center;margin:0 0 50px;color:#000;} .sub_con_light_wrap h3:after {content:'';position:absolute;width:20px;height:2px;background:rgba(0,0,0,0.4);left:50%;margin:70px 0 0 -10px;} .sub_con_light_wrap ul li {padding:3px 0} .vc_tta.vc_tta-style-outline.vc_tta-tabs .vc_tta-panel {margin:0px !important;} .vc_tta-panel-body .vc_row:not(.vc_row-no-padding) > .vc_column_container > .vc_column-inner {padding:0px !important;} .leadership_board_list_wrap {} .leadership_board_list_wrap .vc_column-inner {background:#e7ecf1;border-radius:20px;padding:30px !important;} .leadership_board_wrap {} .leadership_board_wrap h4 {font-size:100%;margin:0 0 20px;font-weight:400;padding:0 0 20px;border-bottom:1px dashed #bbc5ce;display:table;width:100%} .leadership_board_wrap h4 strong {display:block;font-size:160%;margin:5px 0 0;} .leadership_board_wrap h4 div {display:table-cell;text-align:center;vertical-align:middle;} .leadership_board_wrap h4 div p {display:inline;margin:0 0 0 10px;padding:0 0 0 10px;border-left:1px solid #999;font-weight:600;color:#000;} .leadership_board_wrap h4 div.board_color02 {background:#19baaa !important;} .leadership_board_wrap h4 div.board_color03 {background:#eb8d25 !important;} .leadership_board_wrap h4 div:nth-child(1) {text-align:left;} .leadership_board_wrap h4 div:nth-child(2) { height: 60px; width: 60px; background-color: #418ce9; color: #FFFFFF; border-radius: 50%; line-height: 15px; font-size: 12px; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; margin-bottom: 0px;} .leadership_board_wrap h5 {font-size:120%} .leadership_board_wrap ul {padding:0 0 0 20px;} .rotate_symbol_sub { position: absolute; top: -10%; left: 20%; width: 450px; height: 450px; margin:0px 0 0 -120px; -webkit-animation:spin 40s linear infinite; -moz-animation:spin 40s linear infinite; animation:spin 40s linear infinite; z-index:-1; } .rotate_symbol_sub img {width:450px;height:450px;opacity:0.5} .cont-tit h3 { color: #222; line-height: 1.5; text-transform:uppercase;margin:10px 0 0;font-size:250%;font-weight:700;} .cont-tit h4 {color: #666; font-weight:300;} .cont-tit + .sub_tab {margin-top:8rem;} .cont-tit { text-align: center; padding-bottom: 6.5rem; } .cont-tit::before {content:''; position: absolute; bottom: 0px; width: 2px; height: 6rem; background-color: #999; left: calc(50% - 1px); } .cont-tit p::before { content:''; position: absolute; bottom: 0px; width: 2px; height: 2rem; background-color: #999; left: calc(50% - 1px); } .greetings_wrap {text-align:center;} .greetings_wrap h4 {font-weight:700;} .greetings_wrap h4 strong {font-weight:600;color:#999 !important;} .greetings_wrap .page_desc {margin:30px 0} .greetings_wrap .sign_wrap {text-align:right;} .greetings_box {background:#fff;text-align:left;padding:60px;border-radius:0 60px 60px 60px;margin-top:-300px !important;max-width:900px;position:relative;z-index:9999;left:35%; box-shadow: 0px 10px 30px -15px rgb(77 85 91 / 20%);} .greetings_note {color:#333;font-weight:500;font-size:110%;} .company_title_wrap {text-align:left;padding:100px 0 40px;margin:0 0 0px;} .company_title_wrap h3 {margin:0 0 10px;font-size:250%;color:#163ea3;} .com_back_pattern {background: #f6f7f8; } .company_title_wrap h4 {/*color:rgba(22,62,163,0.5);*/color:rgba(33,33,33,0.9);font-size:130%} /*.company_title_backover {background:#f6f7f8}*/ .com_desc_4cols_wrap {max-width:1320px;margin:0 auto !important;} .com_desc_4cols_wrap .vc_column-inner {background:#fff;box-shadow:0px 20px 30px -10px rgba(77,85,91,0.05);} .com_desc_3cols_wrap {padding:50px 0 0;box-shadow:0px 20px 30px -10px rgba(77,85,91,0.05)} .com_desc_3cols_wrap .vc_column_container{border-right:1px solid #eff1f6;} .com_desc_3cols_wrap .vc_column_container:last-child {border-right:0px solid #ddd;} .com_desc_3cols_wrap .vc_column_container .vc_single_image-wrapper {background:rgba(153,177,238,0.11);border-radius:300px;padding:30px;} .com_desc_wrap {padding:10px 50px;} .com_desc_wrap h6 {font-size:140%;font-weight:600;color:#000;margin:20px 0 20px;text-align:center;} .com_desc_wrap div {max-width:280px;font-size:110%;line-height:1.7;} .com_desc_wrap ul {font-size:110%;margin:0 0 0 20px;padding:0px;line-height:1.7} .com_desc_who_wrap {padding:10px 50px;display:table;} .com_desc_who_wrap div {display:table-cell;vertical-align:middle;} .com_desc_who_wrap div:nth-child(1) {width:100px;} .com_desc_who_rnd_desc {min-height:125px;display:inline-block;} .com_desc_who_wrap div p {margin:0;} .com_desc_who_wrap h5 {font-size:140%;font-weight:600;color:#000;margin:0px 0 10px;text-align:left;} .com_desc_who_wrap h6 {font-size:120%;font-weight:600;color:#000;margin:0px 0 10px;text-align:left;} .com_desc_who_wrap ul {font-size:110%;margin:0 0 0 20px;padding:0px;line-height:1.7} .com_desc_who_vertical_wrap {padding:0px 20px;text-align: center;margin:-10px 0 0 !important;} .com_desc_who_vertical_wrap div {} .com_desc_who_vertical_wrap div img {margin:0 auto;} .com_desc_who_vertical_wrap div p {margin:0;} .com_desc_who_vertical_wrap h5 {font-size:140%;font-weight:600;color:#000;margin:0px 0 10px;} .com_desc_who_vertical_wrap h6 {font-size:120%;font-weight:600;color:#000;margin:0px 0 10px;} .com_desc_who_vertical_wrap ul {font-size:110%;margin:0 0 0 20px;padding:0px;line-height:1.7;text-align:left;} .com_desc_who_rnd_wrap {padding:40px 20px;} .com_desc_who_rnd_wrap h6 {font-size:160%;font-weight:700;margin:0 0 10px;} .com_desc_who_rnd_wrap div {font-size:90%;} .com_desc_who_rnd_wrap div:last-child {margin:10px 0 -10px;} .com_desc_lifeat_wrap {padding:10px 20px;margin:0 0 15px;} .com_desc_lifeat_wrap div {} .com_desc_lifeat_wrap div p {margin:0;} .com_desc_lifeat_wrap h5 {font-size:140%;font-weight:600;color:#000;margin:0px 0 10px;text-align:left;} .com_desc_lifeat_wrap h6 {font-size:120%;font-weight:600;color:#000;margin:0px 0 10px;text-align:left;} .com_desc_lifeat_wrap ul {font-size:110%;margin:0 0 0 20px;padding:0px;line-height:1.7} .esg_goal_center {margin:0 auto;border-radius:300px;width:480px;height:480px;box-shadow:0px 10px 20px -10px rgba(15,108,176,0.3);background:#b2c7d0;/*background: linear-gradient( 135deg, #f7a5a0, #24aae1);*/padding:50px;display:table !important;} .esg_goal_center div {width:280px;height:280px;border-radius:300px;background:#fff;display:table-cell !important;display:inline-block;vertical-align:middle;text-align:center;font-size:120%;font-weight:600;} .esg_goal_cont {border:1px dashed #d1d1d1;width:340px;height:340px;display:table;margin:0 auto;border-radius:300px;padding:30px;background:rgba(255,255,255,0.3);box-shadow:0px 10px 30px -15px rgba(15,108,176,0.5);} .esg_goal_cont div {display:table-cell;vertical-align:middle;text-align:center;line-height:1.5;width:280px;height:280px;border:1px dashed #a1a1a1;border-radius:300px;background:rgba(255,255,255,0.9);padding:40px;} .esg_goal_cont div h6 {font-size:140%;font-weight:700;margin:0 0 10px;} .esg_goal_cont div span {color:#ff0000} .left_goal {margin:-450px auto 0 !important;} .center_goal {margin:-35px auto 0 !important;} .right_goal {margin:-450px auto 0 !important;} .esg_qual_center {position:relative;z-index:0;text-align:center;font-size:120%;font-weight:600;background: linear-gradient( 135deg, #d5dce3, #99aec3);border-radius:300px;padding:30px;} .esg_qual_center div {border:1px dashed #a1a1a1;padding:20px 40px;border-radius:300px;background:#fff;} .esg_qual_cont {position:relative;z-index:11;border:1px dashed #d1d1d1;width:300px;height:300px;display:table;margin:-30px auto 0 !important;border-radius:300px;padding:40px;background:rgba(99,99,99,0.05);} .esg_qual_cont div {display:table-cell;vertical-align:middle;text-align:center;line-height:1.5;width:220px;height:220px;border:1px dashed #a1a1a1;border-radius:300px;background:rgba(255,255,255,0.8);padding:30px;font-size:100%;} .partnership_box_wrap {} .partnership_box_wrap .vc_column-inner {border:1px solid #e5e5e5;padding:59px 20px !important;} .partnership_box_wrap .vc_column-inner:hover {border:1px solid #6898e3;} .partnership_box {text-align:center;margin:20px 0 0 !important; border-top: 1px solid #e1e1e1; padding: 30px 0 0;display:none;} .partnership_box h4 {font-size:120%;} .partnership_box div {font-size:100%;padding:10px 10px 20px;display:none;} .partnership_box_wrap_nobox .vc_column-inner {border:0px solid #e5e5e5;padding:20px !important;} .rnd_science_comparison_wrap {display:flex} .rnd_science_comparison {border:1px solid #ddd;border-radius:10px;width:50%;padding:40px;} .rnd_science_comparison h4 {margin:0 0 20px;text-align:center;} .rnd_science_comparison h4 img {display:block;text-align:center;max-height:150px;margin:20px auto;} .rnd_science_comparison div {margin:20px 0;background:#f2f5f8;border-radius:10px;padding:20px;} .rnd_science_comparison div p {margin:0;} .rnd_science_comparison div img {margin:20px auto;max-width:100%;max-height:165px;} .rnd_science_comparison_vs {padding:20px;vertical-align:middle;display:table-cell;font-weight:700;font-size:40px;position:absolute;left:50%;top:10%;margin:0 0 0 -47px;} .novel_e3l_infogra {padding:70px 90px;} ul li {padding:3px 0} .com_info_wrap {padding:50px;background:#f2f5f8;} .recruit_desc_wrap {text-align:center;} .recruit_desc_wrap h6 {margin:10px 0;} .recruit_desc_wrap p {font-size:95%;line-height:1.4;padding:0 20px;} .recruit_ico {background:#fff;width:180px;height:180px;margin:0 auto;line-height:180px;border-radius:180px;} .recruit_ico img {max-width:100% !important;line-height:180px;margin:35px 0 0;} .recruit_ico_gray {background:#f2f5f8;width:180px;height:180px;margin:0 auto;line-height:180px;border-radius:180px;} .recruit_ico_gray img {max-width:100% !important;line-height:180px;margin:35px 0 0;} .recruit_desc_light_wrap {text-align:center;} .recruit_desc_light_wrap h6 {margin:10px 0;color:#000} .recruit_desc_light_wrap p {font-size:95%;line-height:1.4;padding:0 20px;color:rgba(0,0,0,0.5);} .recruit_desc_light_wrap ul {padding:0 0 0 20px;} .recruit_desc_light_wrap li {font-size:95%;line-height:1.4;text-align:left;color:rgba(0,0,0,0.5);} .after_arrow figure:after {content:'⇢';position:absolute;color:#ccc;font-size:50px;margin:0 0 0 25%} .recruit_process_num {width:40px;height:40px;background:#999;margin:0 auto -20px;position:relative;z-index:9999;line-height:40px;text-align:center;border-radius:20px;color:#fff;font-weight:600;font-size:90%;} .interview_desc_wrap {padding:0px 0px 0px;border-radius:00px;border-top:2px solid #000;border-bottom:0px solid #e1e1e1;} .interview_desc_wrap:before {content: ""; position: absolute; left: calc(50% + 1px); top: 0; z-index: -1; width: 1px; height: 100%; background: #dbdbdb; } .interview_desc_wrap .sp-easy-accordion .sp-ea-single {margin:0 !important;} .recruit_faq {} .recruit_faq .sp-easy-accordion .sp-ea-single .ea-header {border-bottom:1px solid #ddd;} .recruit_faq #sp-ea-34974.sp-easy-accordion>.sp-ea-single>.sp-collapse>.ea-body {background:#f2f5f7} .main_special_wrap {text-align:center;margin:0 auto;} .main_special_wrap h4 {font-size:18px;font-weight:600;margin:20px 0 15px;color:#000;letter-spacing:0px;min-height:46px;color:#000;} .main_special_wrap h4 span {font-size:80%;display:block;color:#666;font-weight:400;margin:5px 0 0;} .main_special_wrap ul {padding:0 0 0 25px;} .main_special_wrap ul li {text-align:left;font-size:95%;margin:2px 0;} .main_special {border:2px solid #999;border-radius:30px;width:16px;height:16px;background:#fff;z-index:999999;margin:0 auto;} .main_special span {background:#999;border-radius:30px;width:8px;height:8px;display:inline-block;margin:2px 0px 0 -4px;position:absolute;} .main_special_line {margin-top:-8px;z-index:9;height:1px;background:#999;width:100%;} .main_special_line_right {margin-left:50%;width:50%;margin-top:-8px;z-index:9;height:1px;background:#999;} .main_special_line_left {margin-right:50%;width:50%;margin-top:-8px;z-index:9;height:1px;background:#999;} /*.main_special_line_left {margin-right:50%;width:50%;margin-top:-8px;z-index:9;height:1px;background:rgba(19,76,161,1.0);}*/ .main_special_desc {max-width:180px;margin:0 auto;} .main_company {margin:0 0 40px;} .main_company img {margin:0 0 20px;border-radius:80px;box-shadow:6px 0px 20px -10px rgba(15,108,176,0.45);-webkit-transition: 0.3s; transition: 0.3s} .main_company:hover img {margin:-10px 0 30px;-webkit-transition: 0.3s; transition: 0.3s} .main_special_number {background:#043459;width:52px;padding:5px;text-align:center;margin:0 auto;border-radius:50px;color:#fff;margin-top:-23px;position:relative;z-index:9999;border:5px solid #d1d1d1;} .location_wrap {padding:0px 0 0 !important;} .location_wrap h4 {} .location_wrap ul {margin:0px;} .location_wrap li {padding:3px 0;} .location_wrap li strong {font-weight:500;color:#000;width:80px;display:inline-block;} .cols_border1 {border-right:1px solid #e1e1e1;} .uppbeat_box_wrap {} .uppbeat_box_wrap .vc_column-inner {border:1px solid #c1c1c1;background:#fff;border-radius:0px;/*box-shadow:0px 20px 40px -20px rgba(77,85,91,0.1);*/} .uppbeat_box_wrap .gem-icon {position:absolute;bottom:-15px;margin:0 0 -30px -30px;} .uppbeat_desc_wrap {padding:40px;} .uppbeat_desc_wrap h5 {margin:0 0 20px;} .uppbeat_desc_wrap div {font-size:100%;text-align:center;} .uppbeat_desc_wrap div ol {margin:0;padding:0 0 0 25px;text-align:left;} .uppbeat_desc_3cols_wrap, .uppbeat_desc_2cols_wrap {display:flex;} .uppbeat_desc_3cols_wrap div {width:33.33333%;} .uppbeat_desc_2cols_wrap div {width:50%;} .uppbeat_desc_box {margin:0 10px;background:#f7f7f7;border-radius:10px;padding:20px;} .g_color {color:#4dba2c} .o_color {color:#d74c1c} .b_color {color:#2578cd} .fsize120 {font-size:120%;color:#000;} .fsize130 {font-size:130%;color:#000;} .fsize140 {font-size:140%;color:#000;} .fsize150 {font-size:150%;color:#000;} .pipeline_wrap {} .pipeline {display:flex;} .pipeline h5 {font-size:16px;width:30%} .pipeline ul {display:flex;background:#fff;padding:8px 0 0;width:60%;margin:0px 10% 0 0;} .pipeline li {list-style:none;width:25%;height:6px;} .pipeline li.full {background:#3284e9;} .pipeline li.full:before {content:'';position:absolute;background:#fff;border:4px solid #3284e9;margin:-8px 0 0;width:4px;height:4px;} .pipeline li.full:last-child:after {content:'';position:absolute;background:#fff;border:4px solid #3284e9;left:20%;} .pipeline li.blank {background:#ddd;} /* .pipeline_title_wrap {width:100%;padding:0 5% 0 0;background:transparent;border-bottom:1px solid #c1c1c1;} .pipeline_title_wrap ul {display:table;margin:0px;width:100%;padding:0;} .pipeline_title_wrap ul li {width:10%;margin:0 5px;list-style:none;border-bottom:3px solid #009bc3;text-align:center;display:table-cell;vertical-align:bottom;padding: 20px 0 15px;line-height:1.3;font-size:60%;color:#000;} .pipeline_title_wrap ul li:nth-child(1) {border-bottom:3px solid #f08c2d;} .pipeline_title_wrap ul li:nth-child(2) {border-bottom:3px solid #f08c2d;} .pipeline_title_wrap ul li:nth-child(3) {border-bottom:3px solid #f08c2d;} .pipeline_flex {display:flex;width:100%;padding:0.5em 10% 0 0} .pipeline_flex h5 {font-size:16px;width:38%;line-height:1.1 !important;display:flex;} .pipeline_flex .pipeline_2cols {font-size:16px;width:50%;line-height:1.1 !important;display:flex;} .pipeline_flex .pipeline_2cols span:nth-child(1) {width:25%;display:inline-block;} .pipeline_flex .pipeline_2cols span:nth-child(2) {width:75%;display:inline-block;font-size:90%;} .pipeline_flex h5 span {width:33.3333%;display:inline-block;text-align:center;} .pipeline_flex h5 span.big_width {font-size:75%;width:45%;line-height:1.4} */ .pipeline_title_wrap {width:100%;padding:0 0 0;background:transparent;border-bottom:1px solid #c1c1c1;margin:0 0 20px;min-width:1000px;} .pipeline_title_wrap ul {display:table;margin:0px;width:100%;padding-inline-start: 0px;} .pipeline_title_wrap ul li {width:9%;margin:0px;list-style:none;border-bottom:3px solid #009bc3;text-align:center;display:table-cell;vertical-align:bottom;padding: 20px 0 15px;line-height:1.3;font-size:100%;color:#000;} .pipeline_title_wrap ul li:nth-child(1) {border-bottom:3px solid #f08c2d;width:11%} .pipeline_title_wrap ul li:nth-child(2) {border-bottom:3px solid #f08c2d;width:11%} .pipeline_title_wrap ul li:nth-child(3) {border-bottom:3px solid #f08c2d;width:11%;padding-right:2%} .pipeline_title_wrap ul li:nth-child(9) {width:10%;padding-right:1%} .pipeline_flex {min-width:1000px;display:flex;width:100%;padding: 20px; margin: 0 0 10px; border: 1px solid #e1e1e1; border-radius: 3px;} .pipeline_flex h5 {font-size:18px;width:40%;line-height:1.1 !important;display:flex;margin:0 3% 0 0} .pipeline_flex .pipeline_2cols {font-size:16px;width:50%;line-height:1.1 !important;display:flex;} .pipeline_flex .pipeline_2cols span:nth-child(1) {width:25%;display:inline-block;} .pipeline_flex .pipeline_2cols span:nth-child(2) {width:75%;display:inline-block;font-size:90%;} .pipeline_flex h5 span {width:33.3333%;display:inline-block;text-align:center;line-height:2.8} .pipeline_flex h5 span.big_width {width:50%;line-height:1.4} .pipeline_special_wrap {text-align:center;margin:17px auto;width:11.5%;} .pipeline_special_wrap h4 {font-size:18px;font-weight:600;margin:20px 0 15px;color:#000;letter-spacing:0px;min-height:46px;color:#000;} .pipeline_special_wrap h4 span {font-size:80%;display:block;color:#999;font-weight:400;margin:5px 0 0;} .pipeline_special_wrap ul {padding:0 0 0 25px;} .pipeline_special_wrap ul li {text-align:left;font-size:95%;margin:2px 0;} .pipeline_special {border:2px solid #ddd;border-radius:30px;width:16px;height:16px;background:#fff;z-index:999999;margin:0 auto;position:relative;} .pipeline_special span {background:#ddd;border-radius:30px;width:8px;height:8px;display:inline-block;margin:2px 0px 0 -4px;position:absolute;z-index:999;} .pipeline_special_line {margin-top:-11px;z-index:-1;height:6px;background:#da4636;width:100%;} .pipeline_special_line_right {margin-left:50%;width:50%;margin-top:-11px;z-index:-1;height:6px;background:#da4636;} .pipeline_special_line_left {margin-right:50%;width:50%;margin-top:-11px;z-index:-1;height:6px;background:#da4636;} /*.novel_title_wrap {width:100%;padding:0 5% 0 0;background:transparent;border-bottom:1px solid #c1c1c1;} .novel_title_wrap ul {display:table;margin:0px;width:100%;padding:0;} .novel_title_wrap ul li {width:10%;margin:0 5px;list-style:none;border-bottom:3px solid #009bc3;text-align:center;display:table-cell;vertical-align:bottom;padding: 20px 0 15px;line-height:1.3;font-size:60%;color:#000;} .novel_title_wrap ul li:nth-child(1) {border-bottom:3px solid #f08c2d;} .novel_title_wrap ul li:nth-child(2) {border-bottom:3px solid #f08c2d;width:30%;} .novel_flex {display:flex;width:100%;padding:0.5em 10% 0 0} .novel_flex h5 {font-size:16px;width:50%;line-height:1.1 !important;display:flex;} .novel_flex h5 span {width:25%;display:inline-block;text-align:center;} .novel_flex h5 span:nth-child(2) {width:75%;display:inline-block;text-align:center;font-size:95%} .novel_flex h5 span.big_width {font-size:75%;width:45%;line-height:1.4}*/ .novel_title_wrap {min-width:1000px;} .novel_title_wrap ul {padding:0;width:100%} .novel_title_wrap ul li {margin:0px;list-style:none;border-bottom:3px solid #009bc3;text-align:center;display:table-cell;vertical-align:bottom;padding: 20px 0 15px;line-height:1.3;color:#000;} .novel_title_wrap ul li:nth-child(1) {border-bottom:3px solid #f08c2d;width:15.0%;} .novel_title_wrap ul li:nth-child(2) {border-bottom:3px solid #f08c2d;width:34.5%;} .novel_title_wrap ul li:nth-child(3) {width:10%;} .novel_title_wrap ul li:nth-child(4) {width:10%;} .novel_title_wrap ul li:nth-child(5) {width:11%;} .novel_title_wrap ul li:nth-child(6) {width:12%;} .novel_title_wrap ul li:nth-child(7) {width:20%;} .novel_flex {display:flex;width:100%;padding:20px; margin:10px 0; border: 1px solid #e1e1e1;min-width:1000px;} .novel_flex h5 {font-size:18px;width:52%;line-height:1.1 !important;display:flex;line-height:2.8} .novel_flex h5 span {width:25%;display:inline-block;text-align:center;line-height:2.8} .novel_flex h5 span:nth-child(2) {width:75%;display:inline-block;text-align:center;} .novel_flex h5 span.big_width {font-size:75%;width:45%;line-height:1.4} .novel_special_wrap {text-align:center;margin:17px auto;width:10%} .novel_special_wrap h4 {font-size:18px;font-weight:600;margin:20px 0 15px;color:#000;letter-spacing:0px;min-height:46px;color:#000;} .novel_special_wrap h4 span {font-size:80%;display:block;color:#999;font-weight:400;margin:5px 0 0;} .novel_special_wrap ul {padding:0 0 0 25px;} .novel_special_wrap ul li {text-align:left;font-size:95%;margin:2px 0;} .novel_special {border:2px solid #ddd;border-radius:30px;width:16px;height:16px;background:#fff;z-index:999999;margin:0 auto;position:relative;} .novel_special span {background:#ddd;border-radius:30px;width:8px;height:8px;display:inline-block;margin:2px 0px 0 -4px;position:absolute;z-index:999;} .novel_special_line {margin-top:-11px;z-index:-1;height:6px;background:#da4636;width:100%;} .novel_special_line_right {margin-left:50%;width:50%;margin-top:-11px;z-index:-1;height:6px;background:#da4636;} .novel_special_line_left {margin-right:50%;width:50%;margin-top:-11px;z-index:-1;height:6px;background:#ddd;} .line_color {background:#da4636;} .novel_special_on {border:2px solid #da4636;border-radius:30px;width:16px;height:16px;background:#fff;z-index:999999;margin:0 auto;position:relative;} .novel_special_on span {background:#da4636;border-radius:30px;width:8px;height:8px;display:inline-block;margin:2px 0px 0 -4px;position:absolute;z-index:999;} .pipeline_special_on {border:2px solid #da4636;border-radius:30px;width:16px;height:16px;background:#fff;z-index:999999;margin:0 auto;position:relative;} .pipeline_special_on span {background:#da4636;border-radius:30px;width:8px;height:8px;display:inline-block;margin:2px 0px 0 -4px;position:absolute;z-index:999;} .line_off .pipeline_special_line, .line_off .pipeline_special_line_left, .line_off .pipeline_special_line_righit {background:#ddd;} .line_off .novel_special_line, .line_off .novel_special_line_left, .line_off .novel_special_line_righit {background:#ddd;} .line_right_gray .pipeline_special_line, .line_right_gray .novel_special_line {background:linear-gradient(to right, #da4636 50%, #ddd 50%) !important;} .pipeline_description {padding:0 20px 20px;} .sp-ea-one.sp-easy-accordion .sp-ea-single .ea-header a {padding:15px 0 !important;} #sp-ea-34900.sp-easy-accordion>.sp-ea-single>.ea-header a .ea-expand-icon.fa, #sp-ea-34908.sp-easy-accordion>.sp-ea-single>.ea-header a .ea-expand-icon.fa {position:absolute;right:30px;margin:0.3em 0 0;} /*.novel_flex { padding: 0.5em 50px 0.5em 0; }*/ .e3l_platform_box_wrap {} .e3l_platform_box_wrap .e3l_platform_box .vc_column-inner {border:1px solid #ddd;padding:30px !important;border-radius:20px;} .e3l_platform_box_wrap .e3l_platform_box .vc_column-inner h6 {margin:10px 0 20px;} /* .pipeline_link {margin-bottom:40px; font-size:0;} .pipeline_link li {display:inline-block; width:calc((100% - 40px) / 5); height:50px; margin-left:10px; margin-bottom:10px; line-height:50px; text-align:center;} .pipeline_link li:first-child, .pipeline_link li:nth-child(6) {margin-left:0;} .pipeline_link li a {display:inline-block; width:100%; height:100%; background:#a2a1a0; color:#fff; font-size:20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .pipeline_link li:hover a, .pipeline_link li.on a {background:#f6a81e;} .pipeline_link li a::after {content:''; display:inline-block; width:18px; height:6px; margin-left:5px; background:url(../img/bg_arrow01.png) no-repeat center center/ 100% 100%;} .pipeline_link li.on a {position:relative;} .pipeline_link li.on a::after {display:none;} .pipeline_link li.on a::before {content:''; position:absolute; top:50%; left:0; display:inline-block; width:50px; height:1px; background:#fff;} .tbl_pipeline {width:100%;} .col01 {width:134px;} .col02 {width:231px;} .col03 {width:122px;} .col04 {width:117px;} .col05 {width:134px;} .col06 {width:136px;} .col07 {width:136px;} .col08 {width:137px;} .col09 {width:53px;} .tbl_pipeline thead {border-top:3px solid #f6a81e; border-bottom:1px solid #8e8e95;} .tbl_pipeline th, .tbl_pipeline td {line-height:1.3em;} .tbl_pipeline thead th, .tbl_pipeline thead td {height:60px; font-size:18px; background:url(../img/bg_tbl.jpg) no-repeat left bottom / auto auto; text-align:center;} .tbl_pipeline thead th:first-child, .tbl_pipeline thead td:first-child {background:none;} */ .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon, .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon {top:50% !important;margin:-8px 0 0;} .wpb_accordion_header {background:transparent !important;} .wpb_content_element .wpb_accordion_header a {padding:0.9em 1em 0.2em !important;} .wpb_content_element .wpb_accordion_header p {margin:0 0 0em !important;} .uppgrader_desc_wrap {padding:30px;} .uppgrader_desc_wrap h4 {text-align:center;margin:-50px 0 20px !important;} .uppgrader_desc_wrap h4 span {background:#e1e1e1;padding:10px 40px;border-radius:5px;} .uppgrader_desc_wrap h4 span strong {margin:0 20px;} .uppgrader_desc_wrap h5 {text-align:center;margin:30px 0 20px;} .uppgrader_desc {display:flex;width:100%;} .uppgrader_desc_cols {width:25%;margin:0 10px;background:#f2f5f8;border-radius:10px;padding:25px;} .uppgrader_desc_cols h6 {} .uppgrader_desc_cols h6 span {font-size:80%;display:block} .uppgrader_desc_cols ul {padding:0 0 0 20px;margin:20px 0 0;} .uppgrader_desc_3cols {width:33.3333%;margin:20px 10px 0;background:#f2f5f8;border-radius:10px;padding:25px;} .uppgrader_desc_3cols h5 {margin:10px 0 20px;} .uppgrader_desc_3cols h6 span {font-size:80%;display:inline-block;margin:10px 0 0;} .uppgrader_desc_3cols div {border-bottom:1px solid #d1d1d1;padding:0 0 20px;margin:0 0 20px;color:#000;} .uppgrader_desc_3cols p {font-size:85%;} .uppgrader_desc_3cols strong {background:#fff;text-align:center;border-radius:30px;padding:10px;width:100%;display:inline-block;margin:20px 0 0;} .uppgrader_desc_wrap h4 span.s_b_color {background:#2578cd;color:#fff;} .uppgrader_desc_wrap h5 span.s_f_color {color:#2578cd !important;} .speedupp_desc_wrap {padding:40px;} .speedupp_desc_wrap h4 {text-align:center;margin:-80px 0 40px !important;} .speedupp_desc_wrap h4 span {background:#e1e1e1;padding:10px 40px;border-radius:5px;display:inline-block;} .speedupp_desc_wrap h4 span strong {margin:0 20px;} .speedupp_desc_wrap h4 span p {margin:0 20px;font-size:70%;} .speedupp_desc {display:inline-block;width:100%;} .speedupp_desc:before {content:'';position:absolute;background:url('/wp/wp-content/uploads/2023/08/speedupp_arrow.png') no-repeat;width:10%;height:100%;right:0%;top:20%} .speedupp_desc_3cols {width:90%;margin:0px 0px 0;background:#f2f5f8;border-radius:10px;padding:30px 40px;} .speedupp_desc_3cols_sm {width:90%;margin:0px auto;padding:10px;z-index:999;font-size:100%;line-height:1.6;} .speedupp_desc_3cols_sm p {padding:10px;margin:0;} .speedupp_desc_3cols_sm p:before {content:'';position:absolute;left:60px;background:url('/wp/wp-content/uploads/2023/07/down_arrow.png') no-repeat;width:50px;height:50px;display:inline-block;margin:-10px 0 0} .speedupp_desc_3cols h5 {margin:10px 0 20px;} .speedupp_desc_3cols h6 span {font-size:80%;display:inline-block;margin:10px 0 0;} .speedupp_desc_3cols ul {padding:0 0 0 20px;margin:20px 0 0;} .technology_infogra {padding:40px 40px 0;} .technology_infogra img {max-width:100%;} .rnd_popup_padd {padding:40px 40px 0 !important;} .rnd_popup_padd .sub_con_wrap h3:before { top: -8px; left: 10px;} .rnd_tab_wrap {} .rnd_tab_wrap .vc_tta-tabs-container {margin:0px !important;} .vc_tta.vc_tta-tabs.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-tab > a {padding:10px 20px !important;font-size:14px;} .vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-tab.vc_active > a {color:#0e2b43 !important; border-color: #0e2b43; padding:12px 25px !important;font-size:18px; } .vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-tab.vc_active > a:hover {color:#0e2b43 !important; background:#fff;; } .vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-tab > a { border-color: #0e2b43; background-color: #0e2b43; color: rgba(255,255,255,0.5);/*border-left:2px solid #0e2b43;border-bottom:2px solid #0e2b43;*/} .vc_tta.vc_general .vc_tta-panel-body {border:none !important;} .vc_tta.vc_tta-style-outline.vc_tta-tabs .vc_tta-panels {border: 0px solid transparent !important;} .vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-tab > a:hover {background-color: #0e2b43;border-color: #0e2b43; } .speedup_infogra_img {background:#f6f7f8;padding:50px;margin-bottom:-50px !important;} .speedup_back {background:#f6f7f8;padding:0 0px 50px} .speedupp_desc_process_wrap {padding:0px; max-width: 800px; margin: 30px auto 0;} .speedupp_desc_process_wrap h5 {color:#2578cd;border-radius:30px;text-align:center;padding:10px;margin:0 0 10px} .speedupp_desc_process {display:flex;text-align:center;} .speedupp_desc_process img {display:block;margin:0 auto;} .speedupp_desc_process div {width:27%;margin:10px;border:0px solid #ddd;padding:20px;border-radius:10px;background:#fff} .speedupp_desc_process div:nth-child(2) {width:46%;} .speedupp_desc_process div:first-child:after {content:'>>';position:absolute;bottom:140px;left:35.33%;display:inline-block;} .speedupp_desc_process div:nth-child(2):after {content:'>>';position:absolute;bottom:140px;left:63.33%;display:inline-block;} .rnd_desc_wrap {padding:0px 0 0 !important;} .rnd_desc_wrap h4 {} .rnd_desc_wrap ul {margin:0px;} .rnd_desc_wrap ul ul {margin:10px;padding:0 0 0 0px;} .rnd_desc_wrap li {padding:5px 0;line-height:1.5;font-size:110%;color:#000;} .rnd_desc_wrap li li {list-style:none;font-size:90%;color:#666;} .rnd_desc_wrap li li:before {content:'';position:absolute;width:7px;height:2px;background:#0e2b43;margin:10px 0 0 -15px;} .rnd_desc_wrap li strong {font-weight:500;color:#000;width:50px;display:inline-block;} .grid { position: relative; margin: 0 auto; max-width: 100%; list-style: none; text-align: center; } /* Common style */ .grid figure { position: relative; float: left; overflow: hidden; width: 100%; background: linear-gradient(to right, #c4ced7 50%, #fff 50%); text-align: left; cursor: pointer; border-radius:20px; } .grid figure img { position: relative; display: block; min-height: 100%; max-width: 70%; opacity: 1.0; float:right; padding:0px 0 0; -webkit-transition: 0.15s; transition: 0.15s } .grid figure:hover img { margin:0 -10px 0 0; -webkit-transition: 0.15s; transition: 0.15s } .grid figure figcaption { padding: 2em; color: #000; font-size: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .grid figure figcaption::before, .grid figure figcaption::after { pointer-events: none; } .grid figure figcaption, .grid figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Anchor will cover the whole item by default */ /* For some effects it will show as a button */ .grid figure figcaption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } .grid figure h2 { word-spacing: -0em; font-weight: 300; } .grid figure h2 span { font-weight: 300; display:block; font-size:60%; } .grid figure h2, .grid figure p { margin: 0; } .grid figure p { letter-spacing: 1px; font-size: 68.5%; } /*---------------*/ /***** Sadie *****/ /*---------------*/ /*figure.effect-sadie figcaption::before { position: absolute; bottom: 0; left: 0; width: 100%; height: 40%; background: rgba(72,76,97,0.8); content: ''; opacity: 0; -webkit-transform: translate3d(0,50%,0); transform: translate3d(0,50%,0); }*/ figure.effect-sadie h2 { position: absolute; top: 50px; left: 50px; width: 70%; color: #333; -webkit-transition: -webkit-transform 0.35s, color 0.35s; transition: transform 0.35s, color 0.35s; -webkit-transform: translate3d(0,0%,0); transform: translate3d(0,0%,0); font-size:24px; font-weight:600; } figure.effect-sadie ul { position: absolute; bottom: 0px; left: 0px; width: 100%; color: #fff; background: rgba(8,13,23,0.6); -webkit-transition: 0.35s; transition: 0.35s font-size:100%; opacity:0; margin:0 -0em 0 0; padding:30px 30px 40px; } figure.effect-sadie li { padding: 1px 0 1px 30px; list-style:none; font-size:90%; } figure.effect-sadie li:before { content:'';position:absolute;width:4px;height:4px;background:#fff;margin:10px 0 0 -15px;} figure.effect-sadie figcaption::before, figure.effect-sadie p { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } figure.effect-sadie p { position: relative; bottom: 0; left: 0; width: 100%; opacity: 100; -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); margin:-10px 0 0; } figure.effect-sadie:hover h2 { color: #000; -webkit-transform: translate3d(0,0%,0) translate3d(0,10px,0); transform: translate3d(0,0%,0) translate3d(0,10px,0); } figure.effect-sadie:hover ul { color: #fff; opacity:100; -webkit-transition: 0.35s; transition: 0.35s } figure.effect-sadie:hover figcaption::before , figure.effect-sadie:hover p, figure.effect-sadie:hover ul { opacity: 1; -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); } figure.effect-sadie img{ position:relative; width: 100%; height: 100%; -webkit-transition: 0.7s; transition: 0.7s } figure.effect-sadie img.img-hover{ position:absolute; opacity:0; right:0; -webkit-transition: 0.7s; transition: 0.7s } figure.effect-sadie:hover img.img{ opacity:0; -webkit-transition: 0.7s; transition: 0.7s } figure.effect-sadie:hover img.img-hover{ opacity:100; position:absolute; right:-10px; -webkit-transition: 0.7s; transition: 0.7s } figure.effect-sadie_s h2 { position: absolute; top: 50px; left: 50px; width: 70%; color: #333; -webkit-transition: -webkit-transform 0.35s, color 0.35s; transition: transform 0.35s, color 0.35s; -webkit-transform: translate3d(0,0%,0); transform: translate3d(0,0%,0); font-size:24px; font-weight:600; } figure.effect-sadie_s ul { position: absolute; bottom: 0px; left: 0px; width: 100%; color: #fff; background: rgba(8,13,23,0.6); -webkit-transition: 0.35s; transition: 0.35s font-size:100%; opacity:0; margin:0 -0em 0 0; padding:30px 30px 40px; } figure.effect-sadie_s li { padding: 1px 0 1px 30px; list-style:none; font-size:90%; } figure.effect-sadie_s li:before { content:'';position:absolute;width:4px;height:4px;background:#fff;margin:10px 0 0 -15px;} figure.effect-sadie_s figcaption::before, figure.effect-sadie_s p { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } figure.effect-sadie_s div { float:left; position: relative; bottom: 0; left: 0; width: auto; opacity: 100; -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); margin:0px 0 0; } figure.effect-sadie_s p { float:left; position: relative; bottom: 0; left: 0; width: auto; opacity: 100; -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); margin: 0px 0 0 10px; line-height: 2.4; } figure.effect-sadie_s:hover h2 { color: #000; -webkit-transform: translate3d(0,0%,0) translate3d(0,10px,0); transform: translate3d(0,0%,0) translate3d(0,10px,0); } figure.effect-sadie_s:hover ul { color: #fff; opacity:100; -webkit-transition: 0.35s; transition: 0.35s } figure.effect-sadie_s:hover figcaption::before , figure.effect-sadie_s:hover p, figure.effect-sadie_s:hover ul { opacity: 1; -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); } figure.effect-sadie_s img{ position:relative; width: 100%; height: 100%; -webkit-transition: 0.7s; transition: 0.7s } figure.effect-sadie_s img.img-hover{ position:absolute; opacity:0; right:0; -webkit-transition: 0.7s; transition: 0.7s } figure.effect-sadie_s:hover img.img{ opacity:0; -webkit-transition: 0.7s; transition: 0.7s } figure.effect-sadie_s:hover img.img-hover{ opacity:100; position:absolute; right:-10px; -webkit-transition: 0.7s; transition: 0.7s } /*arrow down*/ .mouse_scroll { display: block; margin: 0 auto 20px; width: 24px; margin-top: 125px; } .m_scroll_arrows { display: block; width: 5px; height: 5px; -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ transform: rotate(45deg); border-right: 2px solid #555; border-bottom: 2px solid #555; margin: 0 0 3px 4px; width: 40px; height: 40px; } .unu { margin-top: 1px; } .unu, .doi, .trei { -webkit-animation: mouse-scroll 1s infinite; -moz-animation: mouse-scroll 1s infinite; animation: mouse-scroll 1s infinite; } .unu { -webkit-animation-delay: .1s; -moz-animation-delay: .1s; -webkit-animation-direction: alternate; animation-direction: alternate; animation-delay: alternate; } .doi { -webkit-animation-delay: .2s; -moz-animation-delay: .2s; -webkit-animation-direction: alternate; animation-delay: .2s; animation-direction: alternate; margin-top: -25px; } .trei { -webkit-animation-delay: .3s; -moz-animation-delay: .3s; -webkit-animation-direction: alternate; animation-delay: .3s; animation-direction: alternate; margin-top: -25px; } /* .mouse { height: 42px; width: 24px; border-radius: 14px; transform: none; border: 2px solid white; top: 170px; } .wheel { height: 5px; width: 2px; display: block; margin: 5px auto; background: white; position: relative; height: 4px; width: 4px; border: 2px solid #fff; -webkit-border-radius: 8px; border-radius: 8px; } .wheel { -webkit-animation: mouse-wheel 0.6s linear infinite; -moz-animation: mouse-wheel 0.6s linear infinite; animation: mouse-wheel 0.6s linear infinite; } @-webkit-keyframes mouse-wheel{ 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); } } @-moz-keyframes mouse-wheel { 0% { top: 1px; } 25% { top: 2px; } 50% { top: 3px;} 75% { top: 2px;} 100% { top: 1px;} } @-o-keyframes mouse-wheel { 0% { top: 1px; } 25% { top: 2px; } 50% { top: 3px;} 75% { top: 2px;} 100% { top: 1px;} } @keyframes mouse-wheel { 0% { top: 1px; } 25% { top: 2px; } 50% { top: 3px;} 75% { top: 2px;} 100% { top: 1px;} } */ @-webkit-keyframes mouse-scroll { 0% { opacity: 0;} 50% { opacity: .5;} 100% { opacity: 1;} } @-moz-keyframes mouse-scroll { 0% { opacity: 0; } 50% { opacity: .5; } 100% { opacity: 1; } } @-o-keyframes mouse-scroll { 0% { opacity: 0; } 50% { opacity: .5; } 100% { opacity: 1; } } @keyframes mouse-scroll { 0% { opacity: 0; } 50% { opacity: .5; } 100% { opacity: 1; } } /*arrow down*/ .arrow-button { display: flex; color: #fff; background-color: #333; padding: 5px 20px 5px 30px; border-radius: 30px; transition: all .3s ease; font-weight: bold; cursor: pointer; align-items: center; font-size: 14px; margin:10px auto; } .arrow-button > .arrow { width: 6px; height: 6px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; position: relative; transform: rotate(-45deg); margin: 0 6px; transition: all .3s ease; } .arrow-button > .arrow::before { display: block; background-color: currentColor; width: 3px; transform-origin: bottom right; height: 2px; position: absolute; opacity: 0; bottom: calc(-2px / 2); transform: rotate(45deg); transition: all .3s ease; content: ""; right: 0; } .arrow-button:hover > .arrow { transform: rotate(-45deg) translate(4px, 4px); /*border-color: text-hover-color;*/ } .arrow-button:hover > .arrow::before { opacity: 1; width: 8px; } .arrow-button:hover { background-color: #999; color: #fff; } /*************investors***************/ .upcoming_event_wrap article {padding:0 10px !important;} .upcoming_event_wrap article .post-content-wrapper {padding:30px 30px 70px 30px;background:#f2f5f8;} .upcoming_event_wrap article .post-content-wrapper .title-h4 {margin:0 0 10px;} .upcoming_event_wrap article .post-content-wrapper .title-h4 span {font-weight:600;} .past_event .wpb_accordion_header {padding:5px 5px 10px 0 !important;background:transparent !important;border-bottom:1px solid #999;} .past_event .wpb_accordion_header a {font-size:24px;font-weight:500;} /*.post-content .post-meta {display:none;}*/ .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content {background:#fff;padding:30px !important;} .past_event .ui-accordion-header-active {background:#fff !important;border-bottom:0px;} .past_event .blog-style-default article {margin-bottom:30px !important;padding-bottom:30px !important;} .post-footer-sharing {display:none !important;} /*section {background:#f2f5f8}*/ .socials-sharing, .post-author-block, .comments-area {display:none !important;} article:not(.type-page) > .entry-content.post-content {margin:100px 0 150px !important;} .blog-style-styled_list1 .post-info, .blog-style-styled_list1 .wrap-style {display:none;} .blog-style-styled_list1 .post-item {margin-left:0px !important;border:0px !important;border-bottom:1px solid #dfe5e8;min-height:auto;background:transparent !important;} .blog-style-styled_list1 .post-author, .blog-style-styled_list1 .post-soc-info {display:none;} .blog-style-styled_list1 article {background:transparent !important; margin:0 auto !important;} h3.entry-title span {font-size:28px;margin:0 0 20px;} .blog-style-styled_list1 .post-content {margin:10px 0 0 !important;font-size:18px !important;line-height:1.8 !important;} .blog-style-styled_list1 .post-item {min-height:auto !important;} .blog-style-styled_list1 .post-text-wrap {padding:0 45px 55px !important;margin-bottom:20px;border-bottom:1px solid #ccc;} .page-title-block .breadcrumbs span {display:none;} .page-title-block .breadcrumbs span.current {display:inline-block;color:#333;border-bottom:0px;text-align:left !important;font-size:200%;line-height:1.3;font-weight:600;} .page-title-block .breadcrumbs, .page-title-block .breadcrumbs span.current {width:100%;} .page-title-block .breadcrumbs-container {bottom:auto;margin:80px 0 0;position:relative;} .post-text {font-size:115%;margin:10px 0 0;} .wpcf7 {margin:-30px 0 0 !important;} .ir_meeting_wrap {margin:40px 0 30px;display:flex;border:1px solid #CFD6E5;border-radius:10px;background:#fff;padding:20px 20px 10px;} .ir_meeting {margin:0 0 30px;} .ir_meeting:first-child {width:55%;padding:10px;} .ir_meeting h6:first-child {margin:20px 0px 10px 20px;} .ir_meeting h6:last-child {margin:0px 0px 0px 20px;} .ir_meeting ul {margin:20px 0 0;padding:0 0 0 20px} .ir_meeting li {padding:5px 0;} .ir_meeting li strong {min-width:100px;display:inline-block;color:#000;} .bpa-front--dt__calendar .vc-day .vc-day-content.is-disabled { background: rgba(207,214,229,0.4) !important;} .bpa-frontend-main-container { max-width: 100% !important; min-height: auto;} .bpa-front-tabs .bpa-front-module-heading, .bpa-front-tabs .bpa-front--dt__calendar .vc-weeks .vc-weekday, .bpa-front-tabs .bpa-front--dt__time-slots .bpa-front--dt__ts-body .bpa-front--dt__ts-body--row .bpa-front--dt__ts-body--items .bpa-front--dt__ts-body--item span, .bpa-front-tabs .bpa-front-form-control input, .bpa-front-tabs .bpa-front-form-control .el-textarea__inner, .bpa-front-tabs .bpa-front-module--booking-summary .bpa-front-module--bs-summary-content .bpa-front-module--bs-summary-content-item .bpa-front-bs-sm__item-val, .bpa-front-tabs .bpa-front-module--booking-summary .bpa-front-module--bs-head p, .bpa-front-module--service-item .bpa-front-si-card .bpa-front-si__card-body .bpa-front-si-cb__specs .bpa-front-si-cb__specs-item p, .bpa-front-tabs .el-form-item__label .bpa-front-form-label, .bpa-front-module--service-item .bpa-front-si-card .bpa-front-si__card-body .--bpa-is-desc, .bpa-front-module--payment-methods .bpa-front-module--pm-body .bpa-front-module--pm-body__item p, .bpa-front-tabs .bpa-front-tab-menu .bpa-front-tab-menu--item, .el-form-item__error, .bpa-front-module--category .bpa-front-cat-items .bpa-front-ci-pill.el-tag, .bpa-front-tabs .bpa-front-module--service-item .bpa-front-si-card .bpa-front-si__card-body .bpa-front-si-cb__specs .bpa-front-si-cb__specs-item p strong, .bpa-front-tabs .bpa-front-module--service-item .bpa-front-si-card .bpa-front-si__card-body .bpa-front-si__card-body--heading, .bpa-front-tabs .bpa-front--dt__time-slots .bpa-front--dt__ts-body .bpa-front--dt__ts-body--row .bpa-front--dt-ts__sub-heading, .bpa-front-tabs .bpa-front-module--booking-summary .bpa-front-module--bs-summary-content .bpa-front-module--bs-summary-content-item span, .bpa-front-module--bs-amount-details .bpa-fm--bs-amount-item .bpa-front-total-payment-amount-label, .bpa-front-tabs .bpa-front-module--booking-summary .bpa-front-module--bs-amount-details .bpa-front-module--bs-ad--price, .bpa-front-tabs .bpa-front--dt__calendar .vc-title, .bpa-front-tabs--foot .bpa-front-btn, .bpa-front-form-control.--bpa-country-dropdown.vue-tel-input strong, .bpa-front-tmc__booking-id .bpa-front-bi__label, .bpa-front-tmc__booking-id .bpa-front-bi__val, .bpa-front-tmc__head .bpa-front-tmc__title, .bpa-front-tmc__summary-content .bpa-front-tmc__sc-item .bpa-front-sc-item__label, .bpa-front-tmc__summary-content .bpa-front-tmc__sc-item .bpa-front-sc-item__val, .bpa-front-module--add-to-calendar .bpa-fm--atc__heading, .bpa-front-tmc__head p, .bpa-front-data-empty-view .bpa-front-dev__title, .bpa-front-form-control input::placeholder, .bpa-front-form-control .el-textarea__inner::placeholder, .bpa-front-form-control--file-upload .bpa-fu__placeholder, .bpa-custom-datepicker .el-year-table td .cell, .bpa-custom-datepicker .el-month-table td .cell, .bpa-front--dt__calendar .vc-nav-title, .bpa-front--dt__calendar .vc-nav-items .vc-nav-item, .bpa-front-thankyou-module-container .bpa-front-cc__error-toast-notification, .bpa-front__no-timeslots-body .bpa-front-ntb__val, .bpa-front-module--note-desc, .bpa-front-refund-confirmation-content .bpa-front-rcc__body .bpa-front-rcc__empty-msg, .bpa-front--dt__calendar .vc-day .vc-day-content, .bpa-front-form-control--checkbox .el-checkbox__label { font-family: "Pretendard", "Noto Sans KR", sans-serif !important; } #kboard-default-document .kboard-title h1 {font-size:28px !important;} /* @media (min-width: 1212px) { .container { width: 1440px !important;} }*/ @media (max-width: 1212px) { .bellows.bellows-skin-grey-material {display:none;} } /* .contact_tab_wrap .vc_tta-tab {width:25%;text-align:center;} .vc_tta.vc_tta-style-outline .vc_tta-tab {margin:0 !important;} .vc_tta.vc_tta-style-outline .vc_tta-tab:first-child {margin:0 0 0 -1px !important;} */ /******footer******/ footer .vc_row[data-vc-full-width].vc_hidden {opacity:1;} .foot_border_right {border-right:1px solid rgba(255,255,255,0.1);} .footer_txt_wrap {padding:0px 0 0px 0px;color:rgba(255,255,255,0.5);display:flex;} .footer_txt_wrap div:nth-child(1) {width:13%;text-align:left;} .footer_txt_wrap div:nth-child(2) {width:80%;} .footer_txt_wrap div:nth-child(2) p {display:inline-block;background:rgba(255,255,255,0.2);border-radius:40px;padding:5px 40px;margin:10px;color:#000} .footer_txt_wrap div:nth-child(2) h3 {font-weight:600;color:#fff;} .footer_txt_wrap div:nth-child(3) {width:13%;text-align:right;} .footer_txt_wrap img {padding:0 0 30px 0;opacity:0.6} .footer_txt {font-size:14px !important;color:rgba(255,255,255,0.6);padding-bottom:8px;width:100% !important;text-align:left !important;line-height:1.6} .footer_txt span {padding:0 5px;} .footer_txt strong {font-size:15px !important;color:rgba(255,255,255,0.9);font-weight:400;} .footer_txt li {list-style:none;} .footer_txt a {color:rgba(255,255,255,0.6);padding:5px 20px;background:rgba(0,0,0,0.3);border:1px solid rgba(0,0,0,0.05);} .footer_txt a:hover {color:rgba(255,255,255,1.0);background:rgba(0,0,0,0.5);} .footer_sitemap_wrap {display:flex;padding:60px 20px 40px 20px;} .footer_sitemap_left {width:64%;display:flex;border-right:1px solid rgba(255,255,255,0.1);padding:30px 0 30px;display:none !important;} .footer_sitemap_left div:nth-child(1) {width:17%;} .footer_sitemap_left div:nth-child(2) {width:20%;} .footer_sitemap_left div:nth-child(3) {width:18%;} .footer_sitemap_left div:nth-child(4) {width:24%;} .footer_sitemap_left div:nth-child(5) {width:21%;} .footer_sitemap_right {width:100%;max-width:1450px;margin:0 auto;} .footer_sitemap {width:auto;float:left;margin:0 0 0px 0 !important;width:100%;} .footer_sitemap h5 {margin:0 0 30px;color:#fff;font-size:130% !important;} .footer_sitemap ul {margin:0px !important;padding:0px;display:inline-block;} .footer_sitemap li {border-bottom:0px solid rgba(255,255,255,0.1) !important;margin:5px 0 !important;margin-left:0px !important;list-style:none !important;padding:0px !important;} .footer_sitemap li:before {display:none;} .footer_sitemap a {color:rgba(255,255,255,0.5) !important;font-size:95% !important;padding:5px 0;} .footer_sitemap a:hover {color:rgba(255,255,255,0.9) !important;} #colophon {padding:0px;background:#556085 !important;margin:0px 0 0;z-index:9;} #colophon .widget a {color:rgba(255,255,255,0.6) !important;float:right;} #colophon .widget a span {color:rgba(255,255,255,0.4) !important;display:block;font-size:13px;margin:-13px 0 0} #colophon .widget a:hover {color:rgba(255,255,255,1.8) !important;} footer .container {width:100% !important;padding:0px !important;} footer .inline-column {margin-bottom:0px;} .foot_menu_wrap {margin:0 0 80px 80px} .foot_menu_wrap a {margin:0 20px;} .foot_menu_wrap a:after {width:1px;height:100%;background:#fff;} .foot_menu_title {color:#fff;font-weight:400;padding:30px 0 20px 0;} .footer_custom_wrap {margin:0;} .footer_custom {display:flex;} .footer_custom_left {width:0%;display:flex;padding:0px;border-right:1px solid rgba(255,255,255,0.1);margin-top:-100px;position:relative;z-index:9999;} .footer_custom_left p {background:url('/donga_elec/wp-content/uploads/2022/09/footer_img.jpg');background-size:cover;width:100%;height:100%;min-height:300px;margin:0;} .footer_custom_right {width:100%;} .foot_custom_navi {display:inline-block;width:20%;margin:0 20px;} #page.vertical-header .vertical-toggle {right:-70px;} .mobile-menu-layout-default #primary-navigation.responsive ul li.menu-item, .mobile-menu-layout-default #primary-navigation.responsive ul li.dl-back, .mobile-menu-layout-default #primary-navigation.responsive ul, .mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu li, .mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu li, .mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu li.menu-item-search .minisearch input[type="text"], .mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu li.menu-item-search .minisearch input[type="text"] { padding:0px; } body.admin-bar .mobile-menu-layout-slide-horizontal #primary-navigation.responsive .mobile-menu-slide-wrapper.left, body.admin-bar .mobile-menu-layout-slide-vertical #primary-navigation.responsive .mobile-menu-slide-wrapper.top.opened { top: 0px; height: calc(100vh - 0px); } /* @media (max-width: 1600px) { .bellows.bellows-align-full {display:none;} }*/ @media (max-width: 1599px) { .header-style-vertical .site-title .site-logo {margin:0 0 0 10px !important;} /*#page.vertical-header {padding-left:0px;}*/ #page.vertical-header #site-header-wrapper .header-main { visibility: visible !important;} #site-header .header-main {width:100%;} } /* @media (max-width: 1440px) { header {display:block;visibility:visible !important;} #page.vertical-header {padding-left:0px;} #primary-navigation .menu-toggle, #perspective-menu-buttons .menu-toggle {display:inline-block;} #page.vertical-header .vertical-toggle {display:inline-block !important;} #page.vertical-header #site-header .primary-navigation, #page.vertical-header #site-header #perspective-menu-buttons { display: table-cell !important; text-align:right;} #page.vertical-header #site-header-wrapper { margin-left: 0;} } @media (max-width: 1440px) { #primary-navigation .menu-toggle, #perspective-menu-buttons .menu-toggle { display: inline-block !important;} .header-style-vertical .site-title .site-logo {margin:0 0 0;} .mobile-menu-layout-slide-horizontal #primary-navigation.responsive .mobile-menu-slide-wrapper.left.opened:before {content:'';position:absolute;background:url('/wp/wp-content/uploads/2024/01/logo_horizontal.svg')no-repeat;left: 20px; top: 10px; z-index: 1; width: 150px; height: 80px; background-size: 100%;} .mobile-menu-layout-slide-horizontal #primary-navigation.responsive .mobile-menu-slide-wrapper, .mobile-menu-layout-slide-vertical #primary-navigation.responsive .mobile-menu-slide-wrapper {padding-top:100px;border-top:1px solid #d1d1d1;} .mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu {padding:0 15px} .mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu li {padding:0px;border:0px} #primary-navigation.responsive #primary-menu > li > ul > li.menu-item-active > a, #primary-navigation.responsive #primary-menu > li > ul > li > a {background:#fff !important} .mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu li a, .mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu li a { padding: 13px 60px 15px 10px;font-weight:600;} .mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu li:nth-child(1) {border-top:1px solid rgba(0,0,0,0.1);} .mobile-menu-layout-slide-horizontal .primary-navigation.responsive li.menu-item-has-children > .menu-item-parent-toggle {right:0;} .mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu > li > ul > li > a, .mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu > li > ul > li > a {padding-left:30px;font-weight:400;} #primary-navigation.responsive #primary-menu > li > ul > li.menu-item-active > a {color:#000 !important;} #primary-navigation.responsive #primary-menu > li > ul > li > a {color:#888 !important;} } @media (min-width: 980px) and (max-width: 1440px) { #page.vertical-header #site-header-wrapper .header-main { display: table; visibility: visible !important;} #site-header .header-main { position: relative !important; width:100% !important;display:table !important;z-index:11} } */ @media (max-width: 768px) { #rev_slider_4_1_wrapper {left:0 !important;margin:-100px 0 0 !important;} .service_inquiry {display:inline-block;width:100%;} .service_inquiry_title {width:100%;padding:10px 10px 0 10px;background:none;} .service_inquiry_content {width:100%;} .main_special {display:none;} .main_special_wrap h4 {margin:0 0 15px;font-size:20px !important;} .main_special span {display:none;} .main_special_line {display:none;} .main_special_line_right {display:none;} .main_special_line_left {display:none;} .main_special_desc {margin-bottom:30px;} .main_typing_visual {background:url('/wp/wp-content/uploads/2024/02/main_visual_human.png') no-repeat bottom center;background-size:150%;} .main_txt {margin:100px 0 0;} .main_typing_wrap {font-size:180%;} .main_txt_desc {font-size:120%;} #page.vertical-header #site-header-wrapper {width:100%;padding:0px 0px 0;} .bellows.bellows-skin-grey-material {display:none;} .header-style-vertical .site-title .site-logo {margin:0 0 0 10px;} .page_title_wrap { padding: 70px 20px 0px;} h1 {font-size:30px !important;} h3 {font-size:22px !important;} h6 {font-size:18px !important;} .sub_visual_light01 {background:url('/wp/wp-content/uploads/2023/09/sub_visual_light01.png') no-repeat 120% -20%;background-size:auto;padding:0 0 100px;margin-bottom:-100px !important;} .sub_visual_light02 {background:url('/wp/wp-content/uploads/2023/09/sub_visual_light01.png') no-repeat 120% -20%;background-size:auto;padding:0 0 100px;margin-bottom:-100px !important;} .sub_visual_light03 {background:url('/wp/wp-content/uploads/2023/09/sub_visual_light03.png') no-repeat 100% 0%;background-size:auto;padding:0 0 100px;margin-bottom:-100px !important;} .sub_visual_light04 {background:url('/wp/wp-content/uploads/2023/09/sub_visual_light03.png') no-repeat 100% 0%;background-size:auto;padding:0 0 100px;margin-bottom:-100px !important;} .sub_visual_light05 {background:url('/wp/wp-content/uploads/2023/09/sub_visual_light03.png') no-repeat 100% 0%;background-size:auto;padding:0 0 100px;margin-bottom:-100px !important;} .material-symbols-outlined {font-size:18px;} .page_location .path-item {font-size:13px;} .company_history_wrap {padding:0px;margin:0 -10px !important;} .history_description, .history_year {margin:0 0 20px;} .history_description li {margin-left:10px;padding:4px 0;} .history_description .content strong {width:20px;} .com_desc_who_wrap { padding: 0px 20px 30px;} .com_desc_who_wrap h5 { margin: 0px 0 -10px;} .com_desc_who_wrap div { display: inline-block;text-align:center;} .com_desc_who_wrap div img { background:#f2f5f8;width:130px;height:130px;padding:10px;border-radius:200px;} .com_desc_who_wrap div:nth-child(1) { text-align:center;width:100%;} .com_desc_who_wrap h6 {text-align:center;margin:10px 0 0;} figure.effect-sadie_s h2 {left:30px;top:30px;} .grid figure h2 span { margin: 0 0 -5px;} .footer_txt_wrap { display: inline-block; } .footer_txt_wrap div {width:100% !important;} .footer_txt_wrap img {width:120px;} #colophon .widget a { margin: 20px 0 0; } .partnership_box h4 {font-size:100%;} .technology_infogra { padding: 0; text-align:center;} .technology_infogra img { max-width:100%;} #speedupp, #uppgrader, #uppbeat {padding:0px !important;margin:0 0 50px 0} .vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-tab.vc_active > a, .vc_tta.vc_tta-tabs.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-tab > a {padding:5px 10px !important;font-size:13px;} .speedupp_desc_process {display:inline-block;width:100%;padding:0 20px;} .speedupp_desc_process div, .speedupp_desc_process div:nth-child(2) {width:100%;} .speedupp_desc_process div {margin:0 0 10px;} .speedupp_desc_process div:nth-child(1):after, .speedupp_desc_process div:nth-child(2):after {display:none;} .novel_e3l_infogra {padding:20px;} .blog-style-styled_list1 article {padding-top:0px !important;} .blog-style-styled_list1 .post-text-wrap {padding: 0 0px 55px !important; } h3.entry-title span { font-size: 20px; } .blog-style-styled_list1 .post-content p {font-size:16px;} .ir_meeting_wrap {display:inline-block;} .ir_meeting {width:100% !important;} .ir_meeting h6:first-child, .ir_meeting h6:last-child {margin: 0 0 10px;} .ir_meeting li strong {display:table-cell;} .com_desc_lifeat_wrap {padding:10px 0;} .after_arrow figure:after {display:none;} ul {padding:0 0 0 20px;} .sp-easy-accordion .sp-ea-single .ea-header a {font-size:18px !important;} .interview_desc_wrap .vc_column-inner {padding:0px !important;} .location_wrap li strong {display:block;} .rnd_science_comparison_wrap { display: block;} .rnd_science_comparison { width:100%; padding: 40px 20px} .rnd_science_comparison_vs {position:relative;width: 100%; display: inline-block;} .speedup_infogra_img {margin-bottom:-20px !important;} .m_scroll_arrows { margin: 0 0 3px -12px;} .unu, .doi, .trei {margin-top:-25px;} .page_desc_wrap h4 {font-size:24px;} .main_section_title h2 {font-size:36px} /*.vc_tta.vc_tta-style-outline .vc_tta-tab {width:50%;margin-left:-0px !important;}*/ } @media (max-width: 480px) { /*.vc_tta.vc_tta-style-outline .vc_tta-tab {width:100%;margin:0 -1px !important;}*/ .page_desc_wrap h4 {font-size:22px;} } h1, .title-h1, h2, .title-h2, h3, .title-h3, h4, .title-h4, h5, .title-h5, h6, .title-h6 { letter-spacing: 0; } @media (min-width: 1212px) { .top-area .container { width: 100%; } } .top-area-contacts:after, .top-area-socials:after { opacity: 0; } .top-area-block.top-area-socials { float: right; } .top-area-block.top-area-menu { float: left; } .top-area-button .gem-button.gem-button-style-outline { background-color: transparent; border-width: 1px; border-radius: 15px !important; } #footer-nav, #top-area.top-area { border: none; } /*custom styles*/ .site-main .diagram-wrapper.style-2 .digram-line-box .skill-amount { display: none; } .site-main .diagram-wrapper.style-2 .skill-line, .site-main .diagram-wrapper.style-2 .skill-line div { height: 10px; border-radius: 10px; } .site-main .diagram-wrapper.style-2 .clearfix { position: relative; } .site-main .diagram-wrapper.style-2 .skill-line:after { position: absolute; height: 22px; width: 1px; content: ''; background-color: #fff; left: 9%; top: -5px; } .site-main .diagram-wrapper.style-2 { position: relative; } .site-main .diagram-wrapper.style-2 .digram-line-box .skill-line { background-color: #474b61; } .site-main .diagram-summary-text { position: absolute; right: 0; top: 27px; color: #ffffff; font-size: 23px; font-weight: 100; } .site-main .diagram-wrapper.style-2 .digram-line-box .skill-title { padding-left: 0px; font-size: 23px; font-weight: 400; color: #00d2d4; margin-left: 4%; } .site-main .countdown-style-3 .item-count { font-size: 65px; } .site-main .countdown-style-3 .item-title { font-size: 16px; } .site-main .gem-dropcap .gem-dropcap-letter { font-size: 100%; line-height: 62px; margin-right: 21px; width: 70px; height: 70px; margin-top: 7px; } .site-main .gem-icon-size-medium.gem-simple-icon { width: 64px; height: 64px; line-height: 64px; font-size: 64px; } .site-main .gem-team-style-5 .team-person { background-color: transparent; } .site-main .team-person-name.title-h5 { text-transform: uppercase; font-size: 21px; } .site-main .team-person-position { margin-top: -7px; } .site-main .gem-testimonials.style1 .gem-testimonial-wrapper:after { content: '\e63d'; font-family: 'UserPack'; } .site-main .gem-testimonials.fullwidth-block .gem-prev:after { font-family: 'UserPack'; content: '\e640'; } .site-main .gem-testimonials.fullwidth-block .gem-next:after { font-family: 'UserPack'; content: '\e63f'; } .wpcf7-form .wpcf7-form-control-wrap, .wpcf7-form textarea, .wpcf7-form input { width: 100% !important; } input[type="checkbox"], input[type="radio"] {width:auto !important;} .site-main .contact-form-cryptocoin-message textarea, .site-main .contact-form-cryptocoin-email input, .site-main .contact-form-cryptocoin-name input { border-radius: 25px; } .site-main .contact-form-cryptocoin-message { margin-top: 40px; text-align: center; } .site-main .wpcf7-form input[type='submit'] { max-width: 280px; border-radius: 25px; background-color: transparent; margin: 0 auto; display: inline-block; margin-top: 30px; line-height: 1; } .site-main .contact-form-cryptocoin-submit { text-align: center; } .site-main .mc4wp-form-fields label { font-size: 0; } .wpcf7-form .wpcf7-form-control-wrap textarea { max-height: 126px; } .site-main .mc4wp-form-fields input[type="email"] { max-width: 410px; border: none; height: 50px; border-radius: 25px; line-height: 1; padding-left: 30px; } .site-main .mc4wp-form-fields input[type='submit'] { height: 50px; border-radius: 25px; background-color: transparent; font-size: 19px; font-weight: 500; padding: 0 30px; margin-top: 0; } .site-main .mc4wp-form-fields p { display: inline; margin-top: 0; } .site-main .mc4wp-form-fields { text-align: center; } .site-main .gem-testimonials.style1 .gem-testimonial-wrapper:after { font-size: 80px; } .site-main .gem-icon-size-xlarge.gem-simple-icon { width: 130px; height: 130px; line-height: 130px; font-size: 130px; } #footer-nav .container { width: 95%; } #footer-navigation { text-align: right; } #footer-menu li + li:before { border-color: #fff; } .blog-style-3x.blog-style-masonry .gem-button.gem-button-border-2 { border-width: 1px; } body #primary-navigation #primary-menu > li.menu-item-search > a:before { content: "\e636"; font-family: 'UserPack'; font-size: 18px; } #site-header.fixed.shrink #primary-menu.no-responsive > li > a { border-radius: 15px; border-width: 1px; }