/* 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 */ /* @font-face { font-family: 'Notokr'; font-style: normal; font-weight: 300; src: url(/pamtek/fonts/v2/NotoSansKR-Thin.woff2) format('woff2'), url(/pamtek/fonts/v2/NotoSansKR-Thin.woff) format('woff'), url(/pamtek/fonts/v2/NotoSansKR-Thin.otf) format('opentype'); } @font-face { font-family: 'Notokr'; font-style: normal; font-weight: 400; src: url(/pamtek/fonts/v2/NotoSansKR-Light.woff2) format('woff2'), url(/pamtek/fonts/v2/NotoSansKR-Light.woff) format('woff'), url(/pamtek/fonts/v2/NotoSansKR-Light.otf) format('opentype'); } @font-face { font-family: 'Notokr'; font-style: normal; font-weight: 500; src: url(/pamtek/fonts/v2/NotoSansKR-Regular.woff2) format('woff2'), url(/pamtek/fonts/v2/NotoSansKR-Regular.woff) format('woff'), url(/pamtek/fonts/v2/NotoSansKR-Regular.otf) format('opentype'); } @font-face { font-family: 'Notokr'; font-style: normal; font-weight: 700; src: url(/pamtek/fonts/v2/NotoSansKR-Medium.woff2) format('woff2'), url(/pamtek/fonts/v2/NotoSansKR-Medium.woff) format('woff'), url(/pamtek/fonts/v2/NotoSansKR-Medium.otf) format('opentype'); } @import url('https://fonts.googleapis.com/css2?family=Play:wght@200;300;400;500;600;700;800&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap'); */ @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Play:wght@400;700&display=swap'); /*********탭메뉴 모바일에서도 유지*********/ 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; } /*********탭메뉴 모바일에서도 유지*********/ .img_border {border:1px solid #e5e5e5;} ul {margin:0px;padding-left:20px;} #site-header .container-fullwidth {padding:0 100px;} footer {margin-top:-1px;position:relative;} body, option, .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 { font-family:'Play', "Noto Sans KR", sans-serif !important; font-weight:400 !important; letter-spacing:0px !important; } #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 { font-family:'Play', "Noto Sans KR", sans-serif !important;font-weight:500 !important; } .widget_nav_menu .menu-item-active a {font-weight:700 !important;} #primary-menu.no-responsive > li.menu-item-current > a, #primary-menu.no-responsive > li.menu-item-active > a {font-weight:500 !important;line-height:80px;} #primary-menu.no-responsive > li > a {line-height:30px !important;} .menu-item-search.active .minisearch {margin-top:-30px;} #site-header:not(.shrink) .header-colors-light:not(.header-layout-fullwidth_hamburger) #primary-menu.no-responsive > li > a {font-weight:500 !important;line-height:80px;} #site-header:not(.shrink) .header-colors-light:not(.header-layout-fullwidth_hamburger) #primary-menu.no-responsive > li:hover > a {color:#ed2526 !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 { font-family:'Play', "Noto Sans KR", sans-serif !important; } #site-header:not(.shrink) .header-colors-light:not(.header-layout-fullwidth_hamburger):not(.header-layout-overlay) #primary-menu.no-responsive > li.menu-item-current > a, #site-header:not(.shrink) .header-colors-light:not(.header-layout-fullwidth_hamburger):not(.header-layout-overlay) #primary-menu.no-responsive > li.menu-item-active > a { color:#333 !important; } #site-header:not(.shrink) .header-colors-light:not(.header-layout-fullwidth_hamburger):not(.header-layout-overlay) #primary-menu.no-responsive > li > a {color:#333 !important;} #site-header-wrapper.site-header-wrapper-transparent {width:100%;position:fixed !important;} .portfolio-item-title, .portfolio-item .wrap > .caption .title, .fancybox-title .slide-info-title, .blog.blog-style-masonry article .description .title {font-weight:500 !important;color:#000;} .portfolio-filters a {width:24%;text-align:center;overflow:hidden;} .visual_font {font-family:'Play', "Noto Sans KR", sans-serif !important;font-weight:100 !important;} .menu-item-search {float:right;margin-left:50px;} .floatmenu_wrap {font-size:12px;text-align:center;} .floatmenu_wrap nav ul {background:#fff;border:1px solid #ddd;padding:10px;} .floatmenu_wrap nav li {padding:10px;border-bottom:1px solid #f1f1f1;} .floatmenu_wrap nav li:hover {background: #f9f9f9;} .floatmenu_wrap a {color:#333;} .floatmenu_wrap a:hover {color:#f3733b;} .floatmenu_font {padding:5px 0 0;} body {word-break:keep-all;line-height:1.8} h1, h2, h3, h4, h5, h6 {margin:0 0 20px;font-family:'Play', "Noto Sans KR", sans-serif !important;line-height:1.5 !important;letter-spacing:0 !important;font-weight:700 !important;} .title-h1, .title-h2, .title-h3, .title-h4, .title-h5, .title-h6 {margin:0 0 20px;font-family:'Play', "Noto Sans KR", sans-serif !important;line-height:1.5 !important;letter-spacing:0 !important;} .zindex9 {z-index:9;} .zindex99 {z-index:99;} .zindex999 {z-index:999;position:relative;} .zindex9999 {z-index:9999;} .zindex99999 {z-index:99999;} .zindex999999 {z-index:999999;} #main-center90 {max-width:100%;margin:0 auto;padding:0 100px;} #main-center1700 {max-width:1700px;margin:0 auto;} #main-center1600 {max-width:1600px;margin:0 auto;} #main-center1500 {max-width:1500px;margin:0 auto;} #main-center1400 {max-width:1400px;margin:0 auto;} #main-center1320 {max-width:1326px;margin:0 auto;} #main-center1300 {max-width:1300px;margin:0 auto;} #main-center1260 {max-width:1264px;margin:0 auto;} #main-center {max-width:1212px;margin:0 auto;} #main-center1100 {max-width:1100px;margin:0 auto;} #main-center1000 {max-width:1000px;margin:0 auto;} #main-center900 {max-width:900px;margin:0 auto;} #main-center800 {max-width:800px;margin:0 auto;} #main-center700 {max-width:700px;margin:0 auto;} #site-header:not(.shrink) .header-colors-light.header-style-3:not(.header-layout-overlay) #primary-menu.no-responsive > li.menu-item-current > a, #site-header:not(.shrink) .header-colors-light.header-style-3:not(.header-layout-overlay) #primary-menu.no-responsive > li.menu-item-active > a, #site-header:not(.shrink) .header-colors-light.header-style-4:not(.header-layout-overlay) #primary-menu.no-responsive > li.menu-item-current > a, #site-header:not(.shrink) .header-colors-light.header-style-4:not(.header-layout-overlay) #primary-menu.no-responsive > li.menu-item-active > a { border:0px !important; } .widget_nav_menu > div > ul, .widget_nav_menu ul.menu, .widget_nav_menu li {border:0px !important;} .widget_nav_menu > div > ul > li > a {color:rgba(255,255,255,0.9) !important;font-size:16px !important;} .widget_nav_menu > div > ul > li > a:hover {color:rgba(255,255,255,1) !important;background:rgba(0,0,0,0.5);} .widget_nav_menu .menu-item-active a {/*color:#f3733b !important;*/color:#333 !important;font-weight:400 !important;border-bottom:0px solid #fff !important;margin-bottom:0px;background:#fff} .widget_nav_menu .menu-item-active a:hover {color:#f3733b !important;font-weight:600 !important;border-bottom:0px solid #fff !important;margin-bottom:0px;background:#fff} .widget_nav_menu .menu-item-active a, .widget_nav_menu .current-menu-ancestor > a {/*color:#2f69a4 !important;*/color:#333 !important;font-weight:600 !important;border-bottom:0px solid #fff !important;margin-bottom:0px;background:#fff} .widget_nav_menu .menu-item-active a:hover, .widget_nav_menu .current-menu-ancestor > a:hover {color:#2f69a4 !important;font-weight:600 !important;border-bottom:0px solid #fff !important;margin-bottom:0px;background:#fff} /*#primary-menu.no-responsive ul {border:5px !important;display:flex;}*/ #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:5px 20px;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 {width:auto !important;} */ #primary-menu.no-responsive > li ul {padding:20px 10px;width:280px;background: linear-gradient( 135deg, rgba(237,37,38,0.9) 30%, rgba(237,150,37,0.9) ) !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 > li.selec_lang > a {font-size:15px;padding:0px 3px;font-weight:400 !important;} #primary-menu.no-responsive > li.selec_lang_active > a {font-size:15px;padding:0px 3px;font-weight:400 !important;} #site-header.fixed.shrink .header-style-3 #primary-menu.no-responsive > li.selec_lang > a {padding:0 3px;} #site-header.fixed.shrink .header-style-3 #primary-menu.no-responsive > li.selec_lang_active > a {padding:0 3px;} #site-header.fixed.shrink .header-style-3 #primary-menu.no-responsive > li.menu-item-current, #site-header.fixed.shrink .header-style-3 #primary-menu.no-responsive > li.menu-item-active {padding-top:18px !important;padding-bottom:18px !important;} .header-style-3 #primary-menu.no-responsive > li.menu-item-current, .header-style-3 #primary-menu.no-responsive > li.menu-item-active {padding:33px 1px;} #site-header .primary-navigation {text-align:center;} /***********sitemap***********/ .hamburger { display: flex; align-self: center; flex-direction: column; justify-content: space-between; width: 20px; height: 14px; cursor: pointer; margin:0 0 0 20px; } .hamburger div { align-self: flex-end; height: 2px; width: 100%; background: rgba(0,0,0,0.7); } .hamburger .meat { width: 80%; transition: all 200ms ease-in-out; } .hamburger .bottom-bun { width: 100%; transition: all 400ms ease-in-out; } .hamburger:hover div { width: 100%; } .hamburger:hover .top-bun { -webkit-animation: burger-hover 1s infinite ease-in-out alternate; animation: burger-hover 1s infinite ease-in-out alternate; } .hamburger:hover .meat { -webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards 200ms; animation: burger-hover 1s infinite ease-in-out alternate forwards 200ms; } .hamburger:hover .bottom-bun { -webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards 400ms; animation: burger-hover 1s infinite ease-in-out alternate forwards 400ms; } @-webkit-keyframes burger-hover { 0% { width: 100%; } 50% { width: 80%; } 100% { width: 100%; } } @keyframes burger-hover { 0% { width: 100%; } 50% { width: 80%; } 100% { width: 100%; } } /***********sitemap***********/ .main_com_block {padding:50px;} .page_title {text-align:center;color:#fff;padding:50px 0 30px;z-index:99999;font-weight:400;letter-spacing:0px;} .page_title_big {text-align:center;color:#fff;padding:200px 0 50px;z-index:99999;font-weight:400;letter-spacing:0px;} .page_title_big strong { font-size: 40% !important; display: block; line-height: 1; color: rgba(255,255,255,0.7); font-weight: 300; } .foot_style {font-size:80%;padding:50px 60px 30px;color:#fff;} .m-t--100 {margin-top:-100px;} .m-t--200 {margin-top:-200px;} .m-t--82 {margin-top:-119px} .widget_nav_menu ul.menu li > a {padding:15px 10px !important;line-height:1.5 !important;} .widget_nav_menu {width:100%;position:relative;z-index:999999;color:#fff;} .sub_menu_back {background:rgba(0,0,0,0.5);border-top:0px solid rgba(0,0,0,0.0);} .sub_menu {width:100%;text-align:center;margin-bottom:0px !important;} .sub_menu a {padding:15px;margin:0px;color:#333;margin-bottom:-1px;font-size:18px;font-weight:600} .sub_menu a:hover {color:#132b84;} .sub_menu_col2 {max-width:1300px;margin:0 auto;display:flex;} .sub_menu_col2 a {width:50%;float:left;position:relative;} .sub_menu_col2_wide {max-width:100%;margin:0 auto;display:flex;} .sub_menu_col2_wide a {width:50%;float:left;position:relative;font-size:24px !important;font-weight:800;} .sub_menu_col3 {max-width:1300px;margin:0 auto;display:flex;} .sub_menu_col3 a {width:33.333%;float:left;position:relative;} .sub_menu_col4 {max-width:1300px;margin:0 auto;display:flex;} .sub_menu_col4 a {width:25%;float:left;position:relative;} .sub_menu_col5 {max-width:1300px;margin:0 auto;display:flex;} .sub_menu_col5 a {width:20%;float:left;position:relative;} .sub_menu_col6 {max-width:1300px;margin:0 auto;display:flex;width:100%;} .sub_menu_col6 ul {width:100%;} .sub_menu_col6 li {width:16.666666666%;float:left;position:relative;} .sub_menu_col7 {max-width:1300px;margin:0 auto;display:flex;width:100%;} .sub_menu_col7 ul {width:100%;} .sub_menu_col7 li {width:14.2857142857%;float:left;position:relative;} .sub_menu_col8 {max-width:1300px;margin:0 auto;display:flex;width:100%;} .sub_menu_col8 ul {width:100%;} .sub_menu_col8 li {width:12.5%;float:left;position:relative;} /**메인 4 block 버튼**/ /*.main_block_bt_col1 {padding:30px;background:#ed2526;color:rgba(255,255,255,0.5);} .main_block_bt_col1:hover {cursor:pointer;background:rgba(243,115,59,0.9);}*/ .main_block_bt_col1 {padding:30px;background: linear-gradient( 135deg, rgba(237,37,38,0.9) 30%, rgba(237,150,37,0.9) );color:rgba(255,255,255,0.5);} .main_block_bt_col1:hover {cursor:pointer;background:#ed2526;} .main_block_bt_col1 .s_txt {padding:0 0 70px;font-weight:200 !important;} .main_block_bt_col1 h4 {color:#fff;font-size:20px;text-transform:none;padding:0 0 0px;font-weight:400 !important;margin:0px;} .main_block_bt_col1 {position: relative;} .main_block_bt_col1:before { content: ''; background: rgba(255,255,255,1.0); width: 0px; height: 1px; position: absolute; right: 0px; top: 0px; transition: all 0.35s ease; } .main_block_bt_col1:after { content: ''; background: rgba(255,255,255,1.0); width: 1px; height: 0px; position: absolute; right: 0px; top: 0px; transition: all 0.35s ease; } .main_block_bt_col1:hover:before { width: 100%; } .main_block_bt_col1:hover:after { height: 100%; } .main_block_bt_col2 {padding:30px;background:rgba(233,69,18,0.9);color:rgba(255,255,255,0.5);} .main_block_bt_col2:hover {cursor:pointer;background:rgba(233,69,18,1.0);} .main_block_bt_col2 .s_txt {padding:0 0 70px;font-weight:200 !important;} .main_block_bt_col2 h6 {color:#fff;font-size:20px;text-transform:none;padding:0 0 10px;font-weight:400 !important;} .main_block_bt_col2 {position: relative;} .main_block_bt_col2:before { content: ''; background: rgba(255,255,255,1.0); width: 0px; height: 1px; position: absolute; right: 0px; top: 0px; transition: all 0.35s ease; } .main_block_bt_col2:after { content: ''; background: rgba(255,255,255,1.0); width: 1px; height: 0px; position: absolute; right: 0px; top: 0px; transition: all 0.35s ease; } .main_block_bt_col2:hover:before { width: 100%; } .main_block_bt_col2:hover:after { height: 100%; } .main_block_bt_col3 {padding:30px;background:rgba(11,11,11,0.9);color:rgba(255,255,255,0.5);} .main_block_bt_col3:hover {cursor:pointer;background:rgba(11,11,11,1.0);} .main_block_bt_col3 .s_txt {padding:0 0 70px;font-weight:200 !important;} .main_block_bt_col3 h6 {color:#fff;font-size:20px;text-transform:none;padding:0 0 10px;font-weight:400 !important;} .main_block_bt_col3 {position: relative;} .main_block_bt_col3:before { content: ''; background: rgba(255,255,255,1.0); width: 0px; height: 1px; position: absolute; right: 0px; top: 0px; transition: all 0.35s ease; } .main_block_bt_col3:after { content: ''; background: rgba(255,255,255,1.0); width: 1px; height: 0px; position: absolute; right: 0px; top: 0px; transition: all 0.35s ease; } .main_block_bt_col3:hover:before { width: 100%; } .main_block_bt_col3:hover:after { height: 100%; } .main_block_bt_col4 {padding:30px;background:rgba(44,44,44,0.9);color:rgba(255,255,255,0.5);} .main_block_bt_col4:hover {cursor:pointer;background:rgba(44,44,44,1.0);} .main_block_bt_col4 .s_txt {padding:0 0 70px;font-weight:200 !important;} .main_block_bt_col4 h6 {color:#fff;font-size:20px;text-transform:none;padding:0 0 10px;font-weight:400 !important;} .main_block_bt_col4 {position: relative;} .main_block_bt_col4:before { content: ''; background: rgba(255,255,255,1.0); width: 0px; height: 1px; position: absolute; right: 0px; top: 0px; transition: all 0.35s ease; } .main_block_bt_col4:after { content: ''; background: rgba(255,255,255,1.0); width: 1px; height: 0px; position: absolute; right: 0px; top: 0px; transition: all 0.35s ease; } .main_block_bt_col4:hover:before { width: 100%; } .main_block_bt_col4:hover:after { height: 100%; } /**메인 4 block 버튼**/ .main_section_wrap {margin-top:-30px !important;font-size:130%;} .main_section_wrap h3 {display:none;font-weight:100 !important;font-size:150px;color:#f1f1f1;position:relative;margin-bottom:-160px;line-height:1;} .main_section_wrap h4 {font-weight:700 !important;font-size:50px;position:relative;letter-spacing:-5px;line-height:1;text-transform:uppercase;padding:0 0 0 0px;} .main_pamtek {padding:0 0 0 50px;} .main_pamtek div {max-width:440px;} /* .main_special_wrap {text-align:center;margin:0 auto;} .main_special_wrap h4 {font-size:18px;font-weight:800;margin:40px 0 15px;} .main_special {border:2px solid #ed2526;border-radius:30px;width:16px;height:16px;background:#fff;z-index:999999;margin:0 auto;} .main_special span {background:#ed2526;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:#ed2526;width:100%;} .main_special_line_right {margin-left:50%;width:50%;margin-top:-8px;z-index:9;height:1px;background:#ed2526;} .main_special_line_left {margin-right:50%;width:50%;margin-top:-8px;z-index:9;height:1px;background:#ed2526;} .main_special_desc {max-width:180px;margin:0 auto;} .main_quick {background:rgba(162,200,16,0.8);width:100%;line-height:1.2;padding:40px 10px;text-align:center;font-size:16px;color:#fff;cursor:pointer;height:100%;} .main_quick:hover {background:#ed2526;} .main_quick img {margin-right:20px;} */ .main_title {font-size:50px;text-transform:uppercase;font-weight:800;line-height:40px;padding:10px 0px 20px;letter-spacing:0px !important;} .sub_main_title {color:#333;font-weight:200;font-size:30px;text-transform:uppercase;margin-bottom:0px;} .sub_main_title span {color:#ed2526;font-weight:800} .title_line {margin:0px 0px ;width:50px;height:2px;background:rgba(0,0,0,1.0);} .main_brand_wrap {color:rgba(255,255,255,0.8);text-align:center; align-items: center; justify-content: center;} .main_brand_wrap:hover {background:rgba(0,0,0,0.6);} .main_brand {position: relative;padding:120px 20px 50px; } .main_brand .main_btn {margin-top:70px;padding-top:70px;;} .main_brand:before { content: ''; background: rgba(255,255,255,1.0); width: 0px; height: 1px; position: absolute; left: 20px; top: 20px; transition: all 0.35s ease; } .main_brand:after { content: ''; background: rgba(255,255,255,1.0); width: 1px; height: 0px; position: absolute; left: 20px; top: 20px; transition: all 0.35s ease; } .main_brand:hover:before { width: 100px; } .main_brand:hover:after { height: 100px; } /***animation delay***/ .animation-delay01 {animation-delay: 0.5s;} .animation-delay02 {animation-delay: 0.6s;} .animation-delay03 {animation-delay: 0.9s;} .animation-delay04 {animation-delay: 1.2s;} .animation-delay05 {animation-delay: 1.5s;} /* @-o-keyframes animated { 0% { opacity: 0; } 50% { opacity: 0; } 70% { opacity: 0.2; } 100% { opacity: 1; } } @keyframes animated { 0% { opacity: 0; } 50% { opacity: 0; } 70% { opacity: 0.2; } 100% { opacity: 1; } } @-webkit-keyframes animated { 0% { opacity: 0; } 50% { opacity: 0; } 70% { opacity: 0.2; } 100% { opacity: 1; } } .animated { -webkit-animation-name: animated; -moz-animation-name: animated; -o-animation-name: animated; animation-name: animated; } .animated {-webkit-animation-duration: 1.0s !important; animation-duration: 1.0s !important;} .main_brand_wrap h2 {font-size:30px;text-transform:uppercase;color:#fff;line-height:1.1;font-weight:800;} .main_brand_wrap h2 span {color:#ed2526;font-weight:800;} .title_line_small {margin:30px auto 0px ;width:50px;height:2px;background:#ed2526;} .title_line_small_left {margin:30px 0px ;width:50px;height:2px;background:#ed2526;} .main_brand_desc {max-width:80%;margin:50px auto 50px;} .main_btn {margin:0 auto;width:auto;} .main_btn a {background:#ed2526;padding:10px 20px;color:#fff;font-size:15px;letter-spacing:0px;} .main_btn a:hover {background:#ed2526;padding:10px 20px;color:#fff;} .main_btn span {padding-left:50px;} .main_catal_wrap {color:rgba(0,0,0,0.8);padding:0;text-align:center;} .main_catal_wrap h2 {font-size:50px;text-transform:uppercase;color:#333;line-height:1.1;font-weight:300;} .main_catal_wrap h2 span {color:#ed2526;font-weight:800;} .main_contact_wrap {padding:40px 50px 100px 50px;} .main_contact_right {margin-top:-480px;position:relative;z-index:999999;} .main_contact_left {padding:219px 0;background:url('/wp/wp-content/uploads/2020/03/contact_left_img.jpg');background-size:cover;} .main_contact_lm {padding:0px 0 0 0;margin-left:-10%;margin-right:-10%;width:120%;padding-right:20%;position:absolute} */ .foot_menu .widget_nav_menu ul.menu li > a {padding:3px 0px !important;line-height:1.5 !important;font-size:14px !important;color:rgba(0,0,0,0.5) !important;} .foot_menu .widget_nav_menu ul.menu li > a:hover {color:rgba(0,0,0,1.0) !important;background:none;} .foot_menu .widget_nav_menu .menu-item-active a, .foot_menu .widget_nav_menu .current-menu-ancestor > a {color:rgba(0,0,0,0.8) !important;color:#333 !important;font-weight:500 !important;border-bottom:0px solid #fff !important;margin-bottom:0px;background:none} .foot_menu .widget_nav_menu .menu-item-active a {color:rgba(0,0,0,0.8) !important;} .foot_menu_title {color:#fff;font-weight:500;padding:0px 0 0 0;} .foot_menu_title h5 {margin:0px 0 0 0;} .foot_border_right {border-right:1px solid rgba(0,0,0,0.15);} .footer_txt_wrap {} .footer_txt_wrap2 {} .footer_txt_wrap img {padding:0 0 20px 0;} .footer_txt {font-size:14px !important;color:rgba(0,0,0,0.5);padding-bottom:10px;} .footer_txt strong {font-size:15px !important;color:rgba(0,0,0,0.9);font-weight:400;} .footer_txt li {list-style:none;} .footer_txt a {color:rgba(0,0,0,0.5);padding:5px 10px;background:rgba(0,0,0,0.1);border:1px solid rgba(0,0,0,0.05);} .footer_txt a:hover {color:rgba(0,0,0,1.0);background:rgba(0,0,0,1.0);} /* .pro_title {width:100%;margin:0 0 30px 0;} .pro_title div {width:100%;display:inline-block;font-size:15px;text-align:center;padding:100px 0 00px;} .pro_title a span {font-size:15px;text-align:center;padding:30px 0 0px;display:block;width:100%;color:rgba(0,0,0,0.3);font-weight:300;} .pro_title a {width:100%;display:inline-block;font-size:20px;text-align:center;padding:0px 0 0px;font-weight:600;text-transform:uppercase;} .pro_title a:hover {color:#ed2526;} */ .main_pro_btn_wrap { width:100%; display:inline-block; margin-bottom:-20px; } .main_pro_btn_wrap_pointco { background:#ed2526; width:100%; } .main_pro_btn_wrap a {float:right;} .main_catal_btn_wrap { background:#eee; width:100%; } .main_catal_btn_wrap a {float:right;margin-top:50px;} .main_catal_btn {padding:15px 18px;background:#f1f1f1;width:57px;height:auto;float:right;display:inline-block;} .main_catal_btn img {margin-top:-4px} .boxshadow {box-shadow:-4px -17px 15px 4px rgba(33,33,33,0.15);} .main2_marg {margin-top:-25% !important;} .gem-quote {margin-bottom:20px !important;} .gem-quote.gem-quote-style-default { padding: 0 !important; border: 0 !important;} .gem-quote.gem-quote-style-default blockquote { padding: 0 !important; border: 0 !important;} .gem-quote.gem-quote-style-default:before { position: absolute; font-family: thegem-icons; content: '\e60b'; font-size: 76px; left: 18% !important; color: #e7ebee; top: 18%;} .gem-quote.gem-quote-style-default:after { position: absolute; font-family: thegem-icons; content: '\e60c'; font-size: 76px; right: 18% !important; color: #e7ebee; z-index: 9; top: 18%;} .greeting_title { text-align: center;} .greeting_title h3 { color: #2785ce; width: 100%; z-index: 999999; position: relative; padding: 50px 0 0 0;letter-spacing:-2px !important;} .ceo_title h3 {font-weight:300;letter-spacing:-2px !important;} .ceo_title div {padding:0 0 20px; font-weight:300 !important; color:#5f687b !important;} .sign {margin:0px 0 0 0;} .ceo_message_back {background:url('/ziwoo/wp-content/uploads/2020/09/message_img.png') 100% 50% no-repeat; background-size:contain;} .ceo_alpha_wrap { text-align:center;} .ceo_alpha {width:200px;height:200px;margin:0 auto;vertical-align:middle; color:#fff !important; background: linear-gradient( 135deg, rgba(28,132,229,0.9) 30%, rgba(0,158,66,0.9) );border-radius:50%;font-size:300%;padding-top:50px;} .ceo_alpha_wrap h5 {margin:10px 0 0;} .ceo_alpha_wrap div{font-weight:300 !important; color:#5f687b !important;} .main_pro_btn_wrap2 { width:100%; background:#fff; overflow:hidden; } .main_pro_btn_wrap2 #plus { -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -ms-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; } .main_pro_btn_wrap2:hover #plus { -webkit-transform: rotate(720deg); -moz-transform: rotate(720deg); -ms-transform: rotate(720deg); -o-transform: rotate(720deg); transform: rotate(720deg); } .main_pro_btn_wrap2 { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; overflow:hidden; } .main_pro_btn_wrap2:hover { -webkit-transform: scale( 1.05 ); -moz-transform: scale( 1.05 ); -ms-transform: scale( 1.05 ); -o-transform: scale( 1.05 ); transform: scale( 1.05 ); z-index:9999; overflow:hidden; } .main_pro_btn_wrap3 { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; } .main_pro_btn_wrap3:hover { -webkit-transform: scale( 1.05 ); -moz-transform: scale( 1.05 ); -ms-transform: scale( 1.05 ); -o-transform: scale( 1.05 ); transform: scale( 1.05 ); z-index:9999; } .main_pro_btn_wrap a.left { width:100%; } .main_pro_btn_wrap #plus { -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -ms-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; } .main_pro_btn_wrap:hover #plus { -webkit-transform: rotate(720deg); -moz-transform: rotate(720deg); -ms-transform: rotate(720deg); -o-transform: rotate(720deg); transform: rotate(720deg); } .main_pro_btn_wrap_pointco #plus { -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -ms-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; } .main_pro_btn_wrap_pointco:hover #plus { -webkit-transform: rotate(720deg); -moz-transform: rotate(720deg); -ms-transform: rotate(720deg); -o-transform: rotate(720deg); transform: rotate(720deg); } .main_catal_btn_wrap a.left { width:100%; } .main_catal_btn_wrap #plus { -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -ms-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; } .main_catal_btn_wrap:hover #plus { -webkit-transform: rotate(720deg); -moz-transform: rotate(720deg); -ms-transform: rotate(720deg); -o-transform: rotate(720deg); transform: rotate(720deg); } .main_catal_btn_wrap_pointco #plus { -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -ms-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; } .main_catal_btn_wrap_pointco:hover #plus { -webkit-transform: rotate(720deg); -moz-transform: rotate(720deg); -ms-transform: rotate(720deg); -o-transform: rotate(720deg); transform: rotate(720deg); } .inpro {border:0px solid #ddd;overflow:;} .inpro:hover {border:0px solid #999;overflow:;} .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; overflow:; z-index:9999; } .inpro_hidden {border:0px solid #ddd;overflow:hidden;} .inpro_hidden:hover {border:0px solid #999;overflow:hidden;} .inpro_hidden 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:hidden; } .inpro_hidden: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; overflow:hidden; } .main_pro_btntxt {float:left;padding:15px 15px 15px 20px;font-size:16px;color:#1c2954;text-transform:uppercase;width:100%;font-weight:bold;} .main_pro_btntxt:hover {color:#f3733b;} .main_pro_btn {padding:0px;float:right; color:#fff; font-size:40px; font-weight:100;line-height:0px;} .main_pro_btn img {width:20px;height:20px;} .main_pro_btn_pointco {padding:15px;background:rgba(255,255,255,1.0);width:51px;height:55px;float:right;display:inline-block;} .main_why {background:#fff;width:85%;padding:30px;text-align:center;margin:-80px auto !important;position:relative;z-index:999999;} .main_why h5 a {font-weight::200 !important;} .main_why div {color:#d1d1d1;padding:0 0 30px 0;font-weight:300 !important;} .main_img_size {} .main_img_size img {height:280px !important;width:auto;} .main_big_btn {margin-top:40px;} .main_big_btn a {font-size:120%;padding:15px 50px;color:#fff;border:1px solid #fff;} .main_big_btn a:hover {background:#fff;color:#000;border:1px solid #fff;} .main_title_light {font-family:Noto Sans KR, sans-serif !important;color:rgba(255,255,255,0.9);} .pro_title {width:100%;font-family:'Noto Sans KR', sans-serif;letter-spacing:-1px;} .pro_title div {width:100%;display:inline-block;font-size:15px;text-align:center;padding:70px 0 00px;color:#fff;} .pro_title a span {font-size:15px;text-align:center;padding:100px 0 0px;color:#fff;display:block;width:100%;color:rgba(255,255,255,0.5);font-weight:200;} .pro_title a {width:100%;display:inline-block;font-size:50px;text-align:center;padding:0px 0 0px;color:#fff;font-weight:700;text-transform:uppercase;} .pro_title a:hover {color:rgba(255,255,255,0.5);} .main_pro_desc {max-width:100%;text-align:Center;color:#fff;} .main_pro_desc a {padding:0 0 100px;text-align:Center;color:#fff;max-width:400px;width:80%;margin:0 auto;display:inline-block;} .main_pro_desc a:hover {color:rgba(255,255,255,0.5);} /***********tab_menu***********/ .year_col2_tab .vc_tta-tab {width:50%;} .year_col3_tab .vc_tta-tab {width:33.3333%;} .year_col4_tab .vc_tta-tab {width:25%;} .year_col5_tab .vc_tta-tab {width:20%;} .pro_tab_wrap .vc_tta-tabs-container .vc_tta-tabs-list li.vc_tta-tab {width:auto;} .wpb-js-composer .vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-tab > a { border-color: #e1e1e1; background-color: #f4f6f7; color: #5f727f;font-size:20px;} .wpb-js-composer .vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-tab.vc_active > a { border-color: #303030; background-color: #ffffff; color: #5f727f;color:#333;position:relative;z-index:999;font-size:20px;} .wpb-js-composer .vc_tta.vc_tta-tabs.vc_general .vc_tta-tab > a { padding: 15px 30px;text-align:center;} .wpb-js-composer .vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-tab > a { color: #888; font-family: 'Play', 'Noto Sans KR', sans-serif !important; font-weight: 400; background: #fff !important;} .wpb-js-composer .vc_tta.vc_general.vc_tta-tabs .vc_tta-panel-body { padding: 30px 0;} .wpb-js-composer .vc_tta.vc_tta-color-thegem.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body { border-color: #fff; background-color: transparent;} .wpb-js-composer .vc_tta.vc_tta-style-classic .vc_tta-tabs-list {text-align:center;} /***********tab_menu***********/ .animation-wrapper { width: 100%; height: 500px; position: absolute; top: 0; left: 0; overflow: hidden; z-index: 1; } .animation-wrapper canvas { width: 100%; height: 500px; position: absolute; left: 0; top: 0; opacity: 0.5; z-index: 1; } .animation-wrapper-products { width: 100%; height: 800px; position: absolute; top: 0; left: 0; overflow: hidden; z-index: 1; } .animation-wrapper-products canvas { width: 100%; height: 800px; position: absolute; left: 0; top: 0; opacity: 0.5; z-index: 1; } #sub_visual { padding:00px 0 0;background-size:100%;margin-bottom:80px;} #sub_visual01 { background:url('/pamtek/wp-content/uploads/2020/06/sub_visual01.jpg') no-repeat center 0px fixed;width:100%;height:500px; z-index: 99999999;} #sub_visual02 { background:url('/pamtek/wp-content/uploads/2020/07/sub_visual_products.jpg') no-repeat center 0px fixed;width:100%;height:500px; z-index: 99999999;} #sub_visual03 { background:url('/pamtek/wp-content/uploads/2020/06/sub_visual04.jpg') no-repeat center 0px fixed;width:100%;height:500px; z-index: 99999999;} #sub_visual03_02 { background:url('/pamtek/wp-content/uploads/2020/06/sub_visual03_02.jpg') no-repeat center 0px fixed;width:100%;height:500px; z-index: 99999999;} #sub_visual04 { background:url('/pamtek/wp-content/uploads/2020/06/sub_visual03_02.jpg') no-repeat center 0px fixed;width:100%;height:500px; z-index: 99999999;} #sub_visual_products {padding-bottom:300px;} .sub_page_title_about {margin-top:0px !important;} .sub_page_title_about h1 {} .sub_page_title_about h2 {margin-top:-10px !important;padding-bottom:0px;} .sub_page_title_about div {margin-top:0px;color:#999;} .sub_page_title_about_light {margin-top:0px !important;} .sub_page_title_about_light h1 {} .sub_page_title_about_light h2 {margin-top:-10px !important;padding-bottom:0px;color:#fff;} .sub_page_title_about_light div {margin-top:0px;color:#ccc;} .sub_about_back {top: 250px; left: 0; width: 100%; height: 50%; padding-bottom:250px; background-color:#000 ;} .sub_pr_back { background-image: linear-gradient(90deg, #202020 50%, #202020 50%); height: 300px; width: 100%; margin-bottom:400px;} .vc_row[data-vc-full-width] {overflow:visible !important;z-index:9999999;} .vc_row[data-vc-full-width].vc_hidden #max_width900 {margin:3% 0 3% 2%;max-width:1240px} .business_wrap {color:#fff;padding:120px 0px 50px;} .business_wrap .sub_title {color:#fff;padding:0px 0 0px;font-size:130%;text-align:center;margin-bottom:-80px;z-index:9999999;position:relative;} .business_wrap h2 {color:#fff;text-align:center;margin-bottom:0;} .business_wrap ul {width:900px;margin:0px auto;display:flex;} .business_wrap li {width:50%;list-style:none;text-align:center;} .business_wrap li h4 {color:#fff;width:200px;height:200px;border-radius:500px;margin:0 auto -50px;display:table;border:1px solid #ccc;z-index:9;position:relative;background:url('/pamtek/wp-content/uploads/2020/06/back_business_list01.jpg') no-repeat; background-size:cover;} .business_wrap li h4 p {display:table-cell;vertical-align:middle;} .business_wrap li .business_round01 {width:700px;height:700px;padding:100px;margin:0 -150px;border:1px solid #222;border-radius:500px;display:table;/*box-shadow:0px 2px 20px 0px rgba(99,99,99,0.3);*/} .business_wrap li .business_round02 {width:500px;height:500px;border:1px solid #444;border-radius:500px;display:table-cell;vertical-align:middle;} .business_wrap li .automation_title {color:#fff;width:300px;height:300px;border-radius:500px;margin:0 auto -120px;display:table;border:0px solid #ccc;z-index:9;position:relative;background:url('/pamtek/wp-content/uploads/2020/06/back_business_list02_02.jpg') no-repeat; background-size:cover;} .business_wrap li .automation_title strong {display:table-cell;vertical-align:middle;font-size:24px;} .business_list {display:flex;margin:0 auto;width:420px;position:relative;z-index:99999;} .business_list div {width:200px;height:200px;border-radius:500px;border:0px solid #ccc;margin:5px;line-height:1.2;display:table;background:url('/pamtek/wp-content/uploads/2020/06/back_business_list01_02.png') no-repeat; background-size:cover;margin:5px auto;} .business_list div p {display:table-cell;vertical-align:middle;text-shadow: -5px 0 #000, 0 5px #000, 5px 0 #000, 0 -5px #000;} .prcenter_wrap {color:#fff;padding:50px 0px 5px 0px;} .prcenter_wrap .sub_title {color:#fff;padding:0px 0 50px;font-size:300%;font-weight:600;letter-spacing:-2px;line-height:1.4} .prcenter_wrap h2 {color:#fff;margin-bottom:20px;} .prcenter_wrap h3 {color:#fff;margin:40px 0 5px;font-size:300%;font-weight:200 !important;} .prcenter_img_marg {background:url('/pamtek/wp-content/uploads/2020/06/talent_img.jpg') no-repeat -50% 100%;background-size:cover;} .prcenter_left_marg {margin-left:-24%;position:relative;} .prcenter_space {height:200px;} .prcenter_color_back {background:#f3733b;width:100%;height:500px;margin-top:-200px;position:relative;} .prcenter_desc_wrap {padding:0 0px;color:#fff;} .prcenter_desc_wrap p {margin-bottom:0px;} .prcenter_black_back {position: relative;background:url('/pamtek/wp-content/uploads/2020/06/prcenter_black_back.jpg') no-repeat;background-size:85% 90%;} .prcenter_copy_wrap {background: linear-gradient( 135deg, rgba(0,0,0,0.05), rgba(0,0,0,0.05) ); width: 150px; color: #fff; height: 150px;margin:-10px 0 0px -20px;position:absolute;padding:10px 0 0 0;} .prcenter_copy { transform: translateX(-80%) translateY(20px) rotate(-90deg); width: 150px; font-weight:500; font-size:30px; } .business_wrap2 {color:#fff;padding:0px 0 0px;} .business_wrap img {width:100%;} .business_wrap h3 {color:#fff;margin:40px 0 5px;font-size:70px;font-weight:200 !important;} .business_wrap2 h4 {color:#fff;width:240px;height:240px;border-radius:50%;background:rgba(255,255,255,0.08);padding:80px 0;margin:0 auto -24%;} .business_wrap div {margin-top:-0px;} .prcenter_padd {border:1px solid rgba(255,255,255,0.04);width:400px;margin:-40px;height:400px;border-radius:50%;padding:15%;} .prcenter_padd div {border:1px solid rgba(255,255,255,0.10);width:100%;height:100%;border-radius:50%;text-align:center;padding:15%;display:table;} .prcenter_padd div p {display:table-cell;vertical-align:middle;width:100%;height:100%;border-radius:50%;border:1px solid rgba(255,255,255,0.7);padding:20px;position:relative;} .recruit_wrap {padding:30px 30px;height:160px;background:#fff;border-right:0px solid rgba(33,33,33,0.51);box-shadow:1px 2px 10px 0px rgba(17,70,111,0.10);} .recruit {padding: 15px 0 0 0 ; font-size:85%;border-top:0px solid #ddd;margin-top:0px;} .recruit_wrap h5 { background:url('/pamtek/wp-content/uploads/2020/06/arrow00.jpg') no-repeat 90% 50%;margin:-0px 0 0 0px;line-height:1;color:#000;} .recruit_back {width:15px;height:15px;background:rgba(33,33,33,0.0);border-top:2px solid #e1e1e1;border-right:2px solid #e1e1e1;float:right;} .recruit_icon01 {background:url('/pamtek/wp-content/uploads/2020/06/recruit_icon01.png') #fff no-repeat 100% 100%;background-size:20%;} .symbol_back01 {background:url('/pamtek/wp-content/uploads/2020/07/symbol_back01.png') no-repeat 88% -10%;} .symbol_back02 {background:url('/pamtek/wp-content/uploads/2020/06/symbol_back02.jpg') no-repeat 10% 100%;} .talent_back {background:url('/pamtek/wp-content/uploads/2020/07/talent_back.png') no-repeat bottom center;} .dataroom_wrap {width:100%;padding-bottom:60px;} .dataroom {margin-top:-24px;background:#fff;width:300px;padding:20px;text-align:center;z-index:99999;position:relative;float:right;box-shadow:-9px -0px 10px 0px rgba(17,70,111,0.15);border-radius:50px 0 0 50px} .sa_owl_theme .owl-item .sa_hover_container .sa_hover_buttons {top:0 !important;left:0 !important;width:100% !important;height:100% !important;margin:0px !important;} .award_right_back { background:url('/pamtek/wp-content/uploads/2020/06/mark_back_logo.png') 50% -200px no-repeat; position:relative;z-index:99999999999; } .award_right_img {padding:250px 50px 50px 0;margin-left:-100px} .award_bottom_mar {margin:0px auto 0;} .certification_wrap {padding:0px;} .certification_wrap img {border:1px solid #dedede;margin-bottom:0px !important;} /* .business_area_wrap {display:flex;} .business_area {width:50%;} .business_area p {width:180px;height:180px;border-radius:50%;border:1px solid rgba(255,255,255,0.2);margin:0 auto;padding:73px 0;background:#121212;} .business_overview_back {background:url('http://autocastle.co.kr/wp/wp-content/uploads/2020/03/contact_img_right.jpg') top right no-repeat;background-size:50%;} .business_overview_back2 {background:#f5f5f5;} */ span, strong {font-family:Noto Sans KR, Sans-serif;} .small_font {font-size:90%;color:#999;margin:-15px 0 20px 0;} .small_font_nomargin {font-size:90%;color:#999;margin:0px;} .about_shadow {box-shadow:0px 5px 5px 2px rgba(156,182,191,0.45)} .overview_wrap {padding:30px;background:;} .overview_wrap h3 {} .overview {text-align:center;} .overview h6 {padding:0 0px 20px;font-size:18px;} .ceo_greetings {margin-left:-20%;width:120%;} .ceo_greetings h5 {padding-bottom:30px;font-size:30px;font-weight:100;text-transform:none !important;} .intro_copy_img {margin:-430px 0 0 -30px;width:90%;position:relative;} .recruit_boxshadow {box-shadow:-15px -15px 10px 1px rgba(00,00,00,0.0);} .basic_table_com {width:100%;border-top:1px solid #666;background:#fff;} .basic_table_com thead td {background:#f1f1f1;color:#000;padding:20px;} .basic_table_com tr {border-bottom:1px solid #eee;} .basic_table_com td {padding:10px;} .basic_table_com td.table_title_com {background:#f9f9f9;color:#222;min-width:120px;font-weight:600;} .basic_table_com td.table_content_com {width:80%;background:#fff;} .basic_table_com td.table_title_width50_com {width:50%;background:#f5f5f5;color:#222;min-width:120px;font-weight:600;} .basic_table_com td.table_content_width50_com {width:50%;background:#fff;} /******business area******/ .com_business_area_title {text-align:center} .com_business_area_title h3 {color:#fff;background:#121212;display:inline;padding:10px 20px;} .com_business_area_wrap {display:flex;margin-top:-30px;border:1px solid rgba(255,255,255,0.3);border-radius:200px;padding:200px 100px 0;overflow:hidden;} .com_business_area {width:300px;height:300px;text-align:center;border:1px solid rgba(255,255,255,0.5);border-radius:200px;padding:20px 20px 40px;margin:0 auto;} .com_business_area h4 {color:#fff;margin:27% 0 10px;position:relative;} .com_business_area div {color:rgba(255,255,255,0.9);} .video_bottom_txt {background:#000; padding:0px 0 0px; margin-top:-200px; text-align:center; } .video_bottom_txt h3 {color:#fff; font-size:42px; margin:100px 0 30px; letter-spacing:8px; line-height:1.5;text-transform:uppercase;} .video_bottom_txt p {color:#fff; line-height:1.8;} .video_bottom_txt p span {display:block; } .video_bottom_txt ul {margin-top:100px;} .video_bottom_txt ul li {display:inline-block; width:250px; height:250px; color:#fff; border:1px solid #fff; border-radius:50%; margin:0 35px; background:#000; font-size:18px;position:relative;} .video_bottom_txt ul li h4 { color:#fff;margin:25% 0 10px; } .cir_bg {position:relative; width:100%; height:100%; margin-top:-500px; padding:410px 0 160px 0; overflow:hidden;} /*.cir_bg div.cir {border-radius:50%; border:1px solid rgba(255,255,255,0.1); width:98%; height:0; padding-bottom:98%; position:absolute; top:-5%; left:50%; margin-left:-49%;} .cir_bg div.cir > div {border-radius:50%; border:1px solid rgba(255,255,255,0.1); width:72%; height:0; padding-bottom:72%; position:absolute; top:14%; left:50%; margin-left:-36%;} .cir_bg div.cir > div > div {border-radius:50%; border:1px solid rgba(255,255,255,0.2); width:66%; height:0; padding-bottom:66%; position:absolute; top:18%; left:50%; margin-left:-33%;} .cir_bg div.cir > div > div > div {border-radius:50%; border:1px solid rgba(255,255,255,0.2); width:55%; height:0; padding-bottom:55%; position:absolute; top:20%; left:50%; margin-left:-27.5%; }*/ .cir_bg div.cir {border-radius:50%; border:1px solid rgba(255,255,255,0.1); width:1864px; height:0; padding-bottom:1864px; position:absolute; top:-5%; left:50%; margin-left:-932px;} .cir_bg div.cir > div {border-radius:50%; border:1px solid rgba(255,255,255,0.1); width:1200px; height:0; padding-bottom:1200px; position:absolute; top:14%; left:50%; margin-left:-600px;} .cir_bg div.cir > div > div {border-radius:50%; border:1px solid rgba(255,255,255,0.2); width:800px; height:0; padding-bottom:800px; position:absolute; top:18%; left:50%; margin-left:-400px;} .cir_bg div.cir > div > div > div {border-radius:50%; border:1px solid rgba(255,255,255,0.2); width:400px; height:0; padding-bottom:400px; position:absolute; top:20%; left:50%; margin-left:-200px; } .gem-wrapbox {margin-bottom:0px !important;} /***history***/ .com_history_wrap {display:flex !important;} .his_ti {width:25%;float:left;} .his_ti h5 {width:25%;position:absolute;color:#f1f1f1;font-size:120px;line-height:0.8 !important;text-align:right;padding:0 20px 0;display:none;} .his_ti h2 {line-height:1.1 !important;margin-top:-0px;text-transform:uppercase;z-index:999999;position:relative;} .his_ti h2 span {font-size:30px;margin-top:-0px;display:block;color:#777;font-weight:300;margin-top:20px;} .his_cont {width:75%;float:left;} .his_cont ul {list-style:none;} .his_cont li {list-style:none;display:flex;} .his_cont li:before {left:-12px;position:absolute;top:14px;width:4px !important;height:4px !important;} .his_cont li b {color:#000;font-weight:600;width:5%;min-width:60px;display:inline-block;font-family:'Noto Sans KR', sans-serif;} .his_cont li span {display:inline-block;width:95%;} /*.year-tit{ font-size:24px; color:#fff; font-weight:700; text-align:center; padding:12px 60px; display:table; margin:0 0 50px; min-width:260px; background:#f3733b; position:Relative; z-index:10; border:1px solid #e9e9e9; border-radius:50px; box-shadow:-4px 5px 15px 4px rgba(235,235,235,1.7); } .hisrow{ position:relative; display: table; width: 100%; table-layout: fixed; padding-bottom:50px; } .his-div{ width:90%; clear:both; text-align:right; margin-left:50px; } .his-div02{ text-align:left; } .his-div ul, .his-div li{ list-style:none; margin:0; padding:0px; line-height:1.5 } .his-div li{ margin-bottom:30px; position:relative; } .his-div li b{ font-size:100%; color:#f3733b; line-height:50px; display:inline-block; vertical-align:middle; width:130px; position:Absolute; top:50%; margin-top:-25px; text-align:Center; box-shadow:-4px 2px 5px 2px rgba(235,235,235,0.45); border-radius:50px; } .his-div01 li b{ right:30px; } .his-div02 ul {padding-left:0px;} .his-div02 li b{ left:30px; } .his-div01 li{ padding-right:180px; } .his-div02 li{ padding-left:180px; } .his-div li:before, .his-div li:after{ content:""; display:block; position:Absolute; right:-4px; top:50%; } .his-div li:before{ width:9px !important; height:9px !important; border-radius:100%; background-color:#f3733b !important; margin:-5px 0 0 4px } .his-div li:after{ width:30px; height:1px; background:#f3733b; margin-top:-0.5px; } .his-div02 li:before, .his-div02 li:after{ right:auto; left:-4px; } .hisrow:before{ content:""; display:block; position:Absolute; left:45px; top:0; width:1px; height:100%; background:#f3733b; } .his-bg01{ width: 350px; height: 350px; left: 95%; top: 0; } #his-sec01 .av_one_full{ margin:0; } #his-sec01 .sub-btitwr{ margin-bottom:110px; }*/ /***history***/ /***certification***/ .cer_img_border img, .certificates_img img {border:1px solid #eaeaea;} /***certification***/ /******worldmap*******/ .about_worldmap {background:url('/pamtek/wp-content/uploads/2020/06/about_worldmap.png') center -150px no-repeat;min-height:400px;} /***location***/ .location_t_box {padding:50px 0px;background:linear-gradient(30deg, #f3733b, #67ac16);width:320px;margin-bottom:-70px !important;position:relative;z-index:999;text-align:center;box-shadow:0px 5px 8px 2px rgba(67,88,126,0.3);float:right;} .location_t_box h4 {font-weight:200;color:#fff;} .location_add {padding:0px 0px;display:inline-block;} /***location***/ /** about inquiry **/ .main_service_inquiry_wrap {border-top:0px solid #666;} .main_service_inquiry {display:flex;border-bottom:0px solid #ddd;vertical-align:middle;} .main_service_inquiry_title {width:20%;float:left;padding:20px;color:#333;font-weight:400;background:#f1f1f1;} .main_service_inquiry_title strong {color:#f33900;} .main_service_inquiry_content {width:100%;padding:10px 0;} .main_service_inquiry_content div {width:100%;} .main_service_inquiry_content span {width:100%;} .main_service_inquiry_content input {width:100%;padding:15px !important;border:1px solid #333 !important;background:none !important;} .main_service_inquiry_content textarea {padding:15px !important;width:100%;border:1px solid #333 !important;background:none !important;} .main_service_inquiry_content select {padding:15px 13px !important;border:1px solid #333 !important;background:none !important;} .wpb-js-composer .vc_tta.vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-panel-title {font-size:20px !important;} .wpb-js-composer .vc_tta.vc_tta-style-classic .vc_tta-panel-heading {border-width:0px !important;} .wpb-js-composer .vc_tta.vc_tta-style-classic .vc_tta-panel-body {border-width:0px !important;} .wpb-js-composer .vc_tta.vc_general.vc_tta-accordion .vc_tta-panel-body {padding:15px !important;} .wpb-js-composer .vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title > a {color:#000;border-bottom:1px solid #333 !important;} .wpb-js-composer .vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title > a {font-size:20px !important;color:#000 !important;} .wpb-js-composer .vc_tta.vc_general.vc_tta-accordion .vc_tta-controls-icon-position-left.vc_tta-panel-title > a {padding-left:30px;padding-right:0px;} .wpb-js-composer .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon {left:10px !important;} .wpb-js-composer .vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading {margin-bottom:0px;} .wpb-js-composer .vc_tta.vc_tta-style-classic .vc_tta-panel.vc_active+.vc_tta-panel .vc_tta-panel-heading, .wpb-js-composer .vc_tta.vc_tta-style-classic .vc_tta-panel:not(:first-child) .vc_tta-panel-heading {margin-top:0px !important;} .wpb-js-composer .vc_tta.vc_tta-style-classic .vc_tta-panel:not(:last-child) .vc_tta-panel-heading {margin-bottom:0px !important;} .wpb-js-composer .vc_tta.vc_general.vc_tta-accordion .vc_tta-controls-icon-position-left.vc_tta-panel-title > a {border-bottom: 1px solid #333; background: #fff;} /***business***/ .sub_title_line {margin:50px 0px 20px ;width:50px;height:2px;background:#333;} .sub_title_line_light {margin:50px 0px 20px ;width:50px;height:2px;background:#fff;} .business_title_wrap li {padding:3px 0;} .business_title_wrap h4 {padding-bottom:20px;} .business_title_wrap h4 span {font-size:15px;float:right;padding-top:15px;} .point {color:#f24517} .business_structure_wrap_right {box-shadow:-0px -0px 20px 0px rgba(88,69,146,0.2);padding:70px 50px;background:#fff;margin-left:-20%;z-index:99999;width:120%;} .business_structure_wrap_left {box-shadow:5px 15px 17px 0px rgba(88,69,146,0.1);padding:70px 50px;background:#fff;margin-right:-20%;z-index:99999;width:120%;position:relative;} .business_structure_wrap_bottom {box-shadow:5px 15px 17px 0px rgba(88,69,146,0.1);background:#fff;display:flex;} .business_structure_wrap_bottom_b {display:flex;width:65%;} .business_structure_wrap_bottom_b ul {width:50%;padding:50px;margin-left:10px;} .business_structure_wrap_bottom_a {padding:50px;background:linear-gradient(210deg, #f3733b, #67ac16);width:35%} .business_structure_wrap_bottom_a h5 {font-size:22px;color:#fff;} .business_structure_wrap_bottom_margin {margin-top:-12%;z-index:99999;} .business_process_cols7_wrap {display:flex;text-align:center;} .business_process_cols7 {width:20%;} .business_process_cols7 img {padding:30px 0;} .business_process_cols7 .number {width:100%;margin:30px 0 -15px 0;font-size:15px;} .business_process_cols7 .number span {padding:5px 12px;background:#115a9e;border-radius:5px;color:#fff;min-width:40px;text-align:center;} .wid90 {margin:40px auto 15px !important;width:80%;} .shuttle_bus {margin-top:-100px;} .business_marketing {width:70%;padding-bottom:70%;background:#f3733b;color:#fff;margin:0 auto;border-radius:50%;text-align:center;position:relative;border:0px solid #97cbfc;} .step {position:absolute;top:10%;right:0;bottom:0;left:0;margin:0 auto;height:20%;font-size:110%;font-weight:600;} .business_marketing_desc {box-shadow:-0px -0px 20px 0px rgba(88,69,146,0.2);background:#fff;margin-top:-52%;z-index:9999;position:relative;padding:40px;min-height:350px;} /***business***/ /* .business_process_cols7_onestop_wrap {display:flex;text-align:center;} .business_process_cols7_onestop {width:20%;} .business_process_cols7_onestop img {padding:30px 0;} .business_process_cols7_onestop .number {width:100%;margin:-25px 0 -15px 0;font-size:15px;z-index:999999;position:relative;} .business_process_cols7_onestop .number span {padding:5px 12px;background:#115a9e;border-radius:5px;color:#fff;min-width:40px;text-align:center;position:relative;} .onestop_wid90 {margin:40px auto 15px !important;width:80%;} .main_special_onestop {border:2px solid #ed2526;border-radius:30px;width:16px;height:16px;background:#fff;z-index:999999;margin:0 auto;position:relative;} .main_special_onestop span {background:#ed2526;border-radius:30px;width:8px;height:8px;display:inline-block;margin:2px 0px 0 -4px;position:absolute;z-index:9;} .main_special_onestop_line {margin-top:-18px;z-index:9;height:20px;background:#f1f1f1;width:100%;position:relative;} .main_special_onestop_line_right {margin-left:50%;width:50%;margin-top:-18px;z-index:999;height:20px;background:#f1f1f1;border-radius:30px 0 0 30px;} .main_special_onestop_line_right_end {width:100%;margin-top:-18px;z-index:999;height:20px;background:#f1f1f1;border-radius:0 30px 30px 0;} .main_special_onestop_line_left {margin-right:50%;width:50%;margin-top:-18px;z-index:999;height:20px;background:#f1f1f1;border-radius:0 30px 30px 0;} .main_special_arrow {margin:-40px 0 0 -50px;float:right;position:;z-index:999999;background:url('/wp/wp-content/uploads/2020/04/arrow.png') no-repeat right center;width:36px;height:60px;} .main_special_arrow img {padding:0px;} */ /***performance***/ /*.performance_block_left {margin-left:-25%;width:125%;background:#fff;box-shadow:0px 5px 8px 1px rgba(156,182,191,0.45);padding:50px;} .performance_block_left h4 {text-transform:none;margin-bottom:10px;} .performance_block_right {margin-right:-25%;width:125%;background:#fff;box-shadow:0px 5px 8px 1px rgba(156,182,191,0.45);padding:50px;z-index:999999;position:relative;} .performance_block_left h4 {text-transform:none;margin-bottom:10px;} .performance_wrap {border-top:1px solid #666;} .performance {display:flex;border-bottom:1px solid #ddd;vertical-align:middle;} .performance_title {width:40%;float:left;padding:8px 12px;color:#333;background:#f1f1f1;font-weight:400;} .performance_content {width:60%;float:left;padding:8px 12px;} .performance_img img {width:100%;height:100%;} .vc_images_carousel .vc_carousel-control .icon-next, .row .vc_images_carousel .vc_carousel-control .icon-prev {background:#333 !important;}*/ /***performance***/ /** inquiry **/ .service_inquiry_wrap {border-top:2px solid #666;} .service_inquiry {display:flex;border-bottom:1px solid #ddd;vertical-align:middle;} .service_inquiry_title {width:20%;float:left;padding:20px;color:#333;font-weight:500;background:#f1f1f1;} .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;} .pum-theme-28022 .pum-content, .pum-theme-lightbox .pum-content {font-weight:500;} .service_agree {;} #inquiry_center {max-width:1130px;margin:0 auto;} .wpcf7-form input[type='submit']:not(.gem-button-wpcf-custom) {background:#222 !important;} .wpcf7-form input[type='submit']:not(.gem-button-wpcf-custom):hover {background:rgba(33,33,33,0.8) !important;} /** inquiry **/ /** products **/ .product_landing_back01 {background:url('/pamtek/wp-content/uploads/2020/07/pro_landing_back.png') no-repeat 100% 0%;} .product_landing_back_map01 {background:url('/pamtek/wp-content/uploads/2020/07/pro_landing_back.png') no-repeat 100% 0%;} .pro_map_landing_back {background:url('http://nad2017.cafe24.com/pamtek/wp-content/uploads/2020/07/pro_map_landing_back.jpg') no-repeat -10% 130%;} .pro_land_ti {font-size:130%;} .thumbnail { display: block; padding: 4px; margin-bottom: 0px; line-height: 1.67; background-color: #fff; border: 1px solid transparent; border-radius: 0; transition: border .2s ease-in-out; cursor:pointer;} .thumbnail .media { position: relative; overflow: hidden; zoom: 1.1; } .thumbnail .media .bg-image { background-size: cover; background-repeat: no-repeat; background-position: 50%;} .thumbnail .bg-image { -webkit-transform: scale(1.0); transform: scale(1.0); transition: all .5s ease; } .thumbnail .overlay.hover.brand-overlay { background-color: rgba(0,0,0,.55); transition: all .5s ease; filter: alpha(opacity=100); opacity: 1;} .thumbnail .media .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0;} .display-table { display: table; height: 100%; width: 100%; } .display-table .display-table-cell { display: table-cell; vertical-align: middle; text-align:center; color:#fff; font-size:140%;line-height:1.1} .thumbnail .overlay.hover { transition: all .5s ease; filter: alpha(opacity=0); opacity: 0;} /* .thumbnail-wrap .row{margin-left:-7px;margin-right:-7px} @media (min-width:768px){ .thumbnail-wrap .row{margin-left:-10px;margin-right:-10px} } @media (min-width:992px){ .thumbnail-wrap .row{margin-left:-15px;margin-right:-15px} } .thumbnail-wrap [class*=col-]{padding-left:7px;padding-right:7px} @media (min-width:768px){ .thumbnail-wrap [class*=col-]{padding-left:10px;padding-right:10px} } @media (min-width:992px){ .thumbnail-wrap [class*=col-]{padding-left:15px;padding-right:15px} } .thumbnail-wrap:not(.brand) .thumbnail {margin-bottom:25px} @media (min-width:768px){ .thumbnail-wrap:not(.brand) .thumbnail{margin-bottom:40px} } .thumbnail-wrap.brand .thumbnail{margin-bottom:20px} @media (min-width:768px){ .thumbnail-wrap.brand .thumbnail{margin-bottom:30px} }*/ .thumbnail{padding:0;border:0} .thumbnail .bg-image{-webkit-transform:scale(1.00);transform:scale(1.00);transition:all .5s ease} .thumbnail .overlay.hover{transition:all .5s ease;filter:alpha(opacity=0);opacity:0} .thumbnail:hover .bg-image{-webkit-transform:scale(1.1);transform:scale(1.1)} .thumbnail:hover .overlay.hover{filter:alpha(opacity=100);opacity:1} .thumbnail .media{position:relative} .thumbnail .media .event-apply-badge{position:absolute;top:0;right:0;font-size:15px;line-height:18px;letter-spacing:.68px;padding:10px;background:#f39859;color:#fff;text-align:center} /* @media (min-width:992px){ .thumbnail .media .event-apply-badge{font-size:18px;line-height:22px;letter-spacing:.84px;padding:15px 30px} } .thumbnail .media .brand-badge-wrap .event-apply-badge{font-size:12px;line-height:22px;letter-spacing:.84px;padding:5px 10px;background:hsla(0,0%,100%,.3)} .thumbnail .media .bg-image{background-size:cover;background-repeat:no-repeat;background-position:50%} .thumbnail .media .overlay{position:absolute;top:0;bottom:0;left:0;right:0}.thumbnail .caption{padding:10px 0 0} .thumbnail .caption h3,.thumbnail .caption p{color:#55514f} .thumbnail .caption h3 {line-height:1.28;font-weight:500;letter-spacing:-.5px;margin-top:0;margin-bottom:3px;font-size:17px;display:block;height:1.28em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} */ /* @media (min-width:768px){ .thumbnail .caption h3 {font-size:19px} } @media (min-width:992px){ .thumbnail .caption h3 {font-size:22px} } @supports (-webkit-line-clamp:1){ .thumbnail .caption h3 {white-space:normal;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}} .thumbnail .caption p {font-weight:300;line-height:1.4;letter-spacing:-.5px;margin-bottom:12px;font-size:13px;display:block;height:1.4em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} @media (min-width:992px){ .thumbnail .caption p{margin-bottom:15px} } @media (min-width:768px){ .thumbnail .caption p{font-size:15px} } @supports (-webkit-line-clamp:1){ .thumbnail .caption p {white-space:normal;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}} .thumbnail .caption .num {display:block;font-family:Sofia Pro;color:#a25638;font-weight:300;line-height:1;letter-spacing:-.5px;font-size:14px} @media (min-width:768px){ .thumbnail .caption .num{font-size:16px} }*/ /*.thumbnail .caption .num+.num {margin-top:4px} .thumbnail .caption .tel{position:relative} .thumbnail .caption .tel a {position:absolute;bottom:0;right:0;display:inline-block} .thumbnail .caption .tel a img{width:16px;height:16px} .list-icon {padding-left:0;margin-top:10px} .list-icon>li {font-size:15px;line-height:16px;font-weight:300;margin-bottom:6px} .list-icon>li.font-sofia-light {font-size:16px} .list-icon>li:last-child {margin-bottom:0} .list-icon .icon {padding-left:22px;background-size:16px;background-repeat:no-repeat;background-position:0} .list-icon .icon-time {background-image:url(/img/icon/icon-clock.svg)} .list-icon .icon-location{background-image:url(/img/icon/icon-place.svg)}*/ .thumbnail .overlay.hover.brand-overlay{background-color:rgba(0,0,0,.55);transition:all .5s ease;filter:alpha(opacity=100);opacity:1} .thumbnail .overlay.hover.brand-overlay img{width:100%}.thumbnail:hover .overlay.hover.brand-overlay{filter:alpha(opacity=0);opacity:0} /* @media (max-width:767px){ .list_item.col-xs-6 .caption h3{display:block;height:2.56em;overflow:hidden;text-overflow:ellipsis;white-space:normal} @supports (-webkit-line-clamp:1){ .list_item.col-xs-6 .caption h3{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} } } @media (min-width:768px){ .list_item.col-sm-4 .caption h3{display:block;height:2.56em;overflow:hidden;text-overflow:ellipsis;white-space:normal} @supports (-webkit-line-clamp:1){ .list_item.col-sm-4 .caption h3{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} } } */ .product_title {text-align:center;padding:300px 0 0 0;} .product_title h1 {color:#fff;} .product_title div {font-size:140%;line-height:1;color:rgba(255,255,255,1.0);font-weight:300;} .search_title {text-align:center;padding:200px 0 0 0;} .product_map_title {padding:120px 0 0px;position:relative;z-index:9;text-align:center;} .product_map_title h1 {text-align:center;font-weight:100 !important;letter-spacing:-2px !important;text-transform:uppercase;} .product_map_title h2 {text-align:center;letter-spacing:-1px !important;text-transform:uppercase;margin-bottom:0px;} .product_map_title strong {text-align:center;font-weight:100 !important;font-size:100%;color:rgba(0,0,0,0.5);width:100%;} .product_map_title .title_line {margin: 50px 0px 20px; width: 50px; height: 2px; background: #333;margin: 0 auto;} .product_map_title_dark {padding:120px 0 0px;position:relative;z-index:9;text-align:center;color:rgba(255,255,255,0.4);} .product_map_title_dark h1 {text-align:center;font-weight:100 !important;letter-spacing:-2px !important;text-transform:uppercase;} .product_map_title_dark h2 {text-align:center;letter-spacing:-1px !important;text-transform:uppercase;margin-bottom:0px;color:rgba(255,255,255,1.0);} .flexslider .flex-control-paging li a, .row .flexslider .flex-control-paging li a {background:#ccc !important;} .flexslider .flex-control-paging li a.flex-active, .flexslider .flex-control-paging li a.flex-active {background:#000 !important;} .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,.5); cursor: pointer; text-indent: -9999px; border-radius: 20px; -webkit-box-shadow: none !important; -o-box-shadow:none !important; box-shadow:none !important; } .flexslider .slides img {height:auto;} .portfolio-item .image .image-inner {padding:0 30px;} .btn_product {padding:0px 0 0 0;text-align:center;} .btn_product a {background:#fff;color:rgba(0,0,0,0.9);border:1px solid #e1e1e1;-webkit-transition: 0.5s; transition: 0.5s;box-shadow:1px 1px 5px 0px rgba(35,33,31,0.05);margin:10px;width:200px;display:inline-block;padding:12px;} .btn_product a:hover {background:#222;color:rgba(255,255,255,0.9);border:1px solid #333;-webkit-transition: 0.5s; transition: 0.5s;box-shadow:2px 4px 10px 0px rgba(35,33,31,0.5);} .pro_desc_wrap {} .pro_desc_wrap h4 {margin:0 0 10px 0px;} .pro_desc_wrap h4 p {padding:0 0 0 15px;margin:0px;font-weight:300;} .pro_desc_wrap h4 span {width:5px;height:20px;background: linear-gradient( 135deg, #f3733b, #f3733b );margin:8px 10px 0 0px;display:inline-block;position:absolute;} .pro_desc_wrap {margin:0 0 30px 0px;} .pro_desc_wrap h3 { font-family: 'Ubuntu', "Noto Sans KR", sans-serif !important;font-size:250%;margin:0; padding:0 0 0 0px;margin:0px;font-weight:300 !important;} .pro_desc_wrap h3 strong { font-family: 'Ubuntu', "Noto Sans KR", sans-serif !important;font-weight:700 !important;} .pro_desc_wrap .pro_code {width:35px;height:4px;background: linear-gradient( 90deg, #f3733b 3px, #f3733b 100% );margin:0px 0 5px 0px;display:block;} .s_font {font-size:100%;color:#666;} .pro_space {padding:0 30px !important;} .portfolio:not(.columns-1) .portfolio-item .wrap > .caption { min-height: 120px !important;} .portfolio-item .caption {padding:20px 5px !important;} .portfolio.hover-zooming-blur .portfolio-item .image .overlay:before {background-color:rgba(255,255,255,0) !important;} .hover-zooming-blur .portfolio-item .image .overlay .links .portfolio-icons > .icon {display:none !important;} .portfolio-item .caption .subtitle {font-size:99% !important;font-weight:300 !important;color:#777 !important;} .gwts-gwl-slidergal li img {width:100%;} .lSSlideOuter .lSPager.lSGallery li.active {border-radius:0px !important;} .lSSlideOuter .lSPager.lSGallery img:hover {border-radius:0px !important;} ul.lSGallery li.active { border: 1px solid #000 !important;padding:0px;} .gwts-gwl-slidergal.gwts-loaded li:before {display:none;} .lightSlider.lsGrab > * {cursor:pointer !important;} .gem-list > ul > li {margin:3px 0 !important;} .gem-list > ul > li:before { font-size: 13px !important;} .gem-list {margin-bottom:40px !important;} .gem-gallery .gem-gallery-preview-carousel-wrap .gem-gallery-item a:before { background-color: rgba(19, 43, 132, 0.0) !important; } .gem-gallery-preview-carousel-wrap .gem-gallery-item-image {border:0px solid #e1e1e1;} .gem-gallery-item-image {border:1px solid #e1e1e1;} .gem-gallery-item-image svg {display:none;} .gem-gallery .gem-gallery-thumbs-carousel-wrap .gem-gallery-item a:before {background-color:#000 !important;display:none;} .gem-gallery .gem-gallery-thumbs-carousel-wrap .gem-gallery-item svg {/*fill:#f3733b !important*/fill:#999 !important} .station_wrap {color:#333;} .station_wrap span {width:15px;height:15px;border-radius:10px;background:#ed2526;margin-right:10px;display:inline-block;} .station_wrap:hover span {width:15px;height:15px;border-radius:10px;background:#ed2526;margin-right:10px;display:inline-block;} /* .outline { left: 50%; top: 50%; width:15px;height:15px;border-radius:10px;background:#ed2526; display: flex; justify-content: center; flex-direction: row; flex-wrap: wrap; } .outline:hover { left: 50%; top: 50%; -webkit-transform: translate(-10%, -10%); transform: translate(-10%, -10%); display: flex; justify-content: center; flex-direction: row; flex-wrap: wrap; } .waves { left: 50%; top: 50%; background: rgba(255, 255, 255, 0.4); width: 15px; height: 15px; border-radius: 50%; } .waves:hover { left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: rgba(255, 255, 255, 0.4); width: 25px; height: 25px; border-radius: 50%; } .waves:hover:before, .waves:hover:after { content: ""; position: absolute; background: #f3733b; margin-left: -12px; margin-top: -12px; width: 15px; height: 15px; border-radius: 50%; -webkit-animation: wave 3s infinite linear; animation: wave 3s infinite linear; } .waves:hover:after { opacity: 0; -webkit-animation: wave 3s 1.5s infinite linear; animation: wave 3s 1.5s infinite linear; } @-webkit-keyframes wave { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 1; } 100% { -webkit-transform: scale(3.5); transform: scale(3.5); opacity: 0; } } @keyframes wave { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 1; } 100% { -webkit-transform: scale(3.5); transform: scale(3.5); opacity: 0; } } @-webkit-keyframes chameleon { 0% { background: #2ecc71; } 25% { background: #f1c40f; } 50% { background: #e74c3c; } 75% { background: #3498db; } 100% { background: #2ecc71; } } @keyframes chameleon { 0% { background: #2ecc71; } 25% { background: #f1c40f; } 50% { background: #e74c3c; } 75% { background: #3498db; } 100% { background: #2ecc71; } } */ .outline { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: flex; justify-content: center; background: rgba(243, 115, 59, 1.0); border-radius: 50%; width:15px; height:15px; flex-direction: row; flex-wrap: wrap; } .outline_black { background: #e1e1e1; border-radius: 50%; width:15px; height:15px; flex-direction: row; flex-wrap: wrap; } .outline_border { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: flex; justify-content: center; background: rgba(243, 115, 59, 1.0); border-radius: 50%; width:25px; height:25px; flex-direction: row; flex-wrap: wrap; border:5px solid #ffd8ca; outline-offset:15px; } .c_gray {color:#e1e1e1;} .waves { position: absolute; font-size:14px; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 15px; height: 15px; border-radius: 50%; } .waves_none {font-size:14px;padding:4px 0 0 0;} .waves_none span {font-family:'Play', Noto Sans KR, sans-serif;position:absolute;line-height:16px !important;text-align:center !important;margin:0 0 0 -150%;} .waves a {padding-left:20px;line-height:15px;} .waves a span {margin-top:-10%;font-family:'Play', Noto Sans KR, sans-serif;position:absolute;line-height:16px !important;} .waves a.t_bottom span {margin-left:-200% !important;margin-top:100% !important;display:block;line-height:16px !important;text-align:center !important;} .waves a.t_bottom_big span {margin-left:-250% !important;margin-top:100% !important;display:block;line-height:16px !important;text-align:center !important;} .waves a.t_top span {margin-left:-750% !important;margin-top:-610% !important;display:block;line-height:16px !important;text-align:center !important;width:auto;} .waves a.t_top span h4 {font-size:16px;font-family:'Play', Noto Sans KR, sans-serif !important;width:100%;text-align:center !important;font-weight:600 !important;margin-left:30%;} .active_alignment {display:flex;width:273px;} .active_alignment div {vertical-align:middle; padding:25px 0 0 0 !important; width:70px; display:table-cell;} .active_alignment div span {text-align:center !important;display:block;width:100%;} .active_alignment div b {vertical-align:top;display:inline-block; margin: 0px 0 0 -20% !important;padding:5px 0 0 0;} .active_alignment .wid93 {width:93px;text-align:center;} .active_alignment .plus {width:20px;text-align:center;} .waves a:hover:before, .waves a:hover:after { content: ""; position: absolute; left: 50%; top: 50%; background: rgba(243, 115, 59, 1.0); margin-left: -25px; margin-top: -25px; width: 50px; height: 50px; border-radius: 50%; -webkit-animation: wave 2s infinite linear; animation: wave 2s infinite linear; } .waves a:hover:after { opacity: 0; -webkit-animation: wave 2s 1.0s infinite linear; animation: wave 2s 1.0s infinite linear; } @-webkit-keyframes wave { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 1; } 100% { -webkit-transform: scale(2.5); transform: scale(2.5); opacity: 0; } } @keyframes wave { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 1; } 100% { -webkit-transform: scale(2.5); transform: scale(2.5); opacity: 0; } } @-webkit-keyframes chameleon { 0% { background: #2ecc71; } 25% { background: #f1c40f; } 50% { background: #e74c3c; } 75% { background: #3498db; } 100% { background: #2ecc71; } } @keyframes chameleon { 0% { background: #2ecc71; } 25% { background: #f1c40f; } 50% { background: #e74c3c; } 75% { background: #3498db; } 100% { background: #2ecc71; } } .only_m {display:none;line-height:1.2 !important;height:0px !important;} /***********************************product_map ver_mobile******************************/ .outline_m { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: flex; justify-content: center; background: rgba(243, 115, 59, 1.0); border-radius: 50%; width:9px; height:9px; flex-direction: row; flex-wrap: wrap; } .outline_black_m { background: #e1e1e1; border-radius: 50%; width:9px; height:9px; flex-direction: row; flex-wrap: wrap; float:left; } .outline_border_m { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: flex; justify-content: center; background: rgba(243, 115, 59, 1.0); border-radius: 50%; width:15px; height:15px; flex-direction: row; flex-wrap: wrap; border:3px solid #ffd8ca; outline-offset:15px; } .waves_m { position: absolute; font-size:12px; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 9px; height: 9px; border-radius: 50%; } .waves_none_m {font-size:12px;padding: 0 0 0 80px !important;} .waves_none_m span {font-family:'Play', Noto Sans KR, sans-serif;position:absolute;line-height:16px !important;text-align:left !important;margin: -2px 0 0 -82% !important;} .waves_none_red_m span {font-family:'Play', Noto Sans KR, sans-serif;position:absolute;line-height:16px !important;text-align:left !important;margin: -2px 0 0 10px !important;} .waves_m a {padding-left:15px;line-height:15px;} .waves_m a span {margin-top:-10%;font-family:'Play', Noto Sans KR, sans-serif;position:absolute;line-height:16px !important;} .waves_m a.t_bottom_m span {margin-left:0% !important;margin-top:0% !important;line-height:16px !important;text-align:left !important;} .waves_m a.t_bottom_big_m span {/*margin-left:-250% !important;margin-top:100% !important;display:block;*/line-height:16px !important;text-align:left !important;} .waves_m a.t_top_m span {/*margin-left:-750% !important;margin-top:-610% !important;*/display:block;line-height:16px !important;text-align:left !important;width:auto;} .waves_m a.t_top_m h4 {font-size:14px !important;font-family:'Play', Noto Sans KR, sans-serif !important;width:100%;text-align:left !important;font-weight:600 !important;margin:10px 0 0 0 !important;} .outline_active_m { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: flex; justify-content: center; background: rgba(243, 115, 59, 1.0); border-radius: 50%; width:9px; height:9px; flex-direction: row; flex-wrap: wrap; } .outline_active_wrap_m {position:absolute;/*background: #f1f1f1; */ } .active_margin {margin-left:-130px;position:absolute;} .active_alignment_m {display:block;width:auto;} .active_alignment_m div {/*vertical-align:middle; padding:25px 0 0 0 !important;*/ width:150px;height:15px; } .active_alignment_m div span {text-align:left !important;display:block;width:100%;} .active_alignment_m div b {display:inline-block; !important;padding:0 5px;} .active_alignment_m .wid93 {width:auto;text-align:left;} .active_alignment_m .plus {width:auto;text-align:left;} .waves_m a:hover:before, .waves_m a:hover:after { content: ""; position: absolute; left: 50%; top: 50%; background: rgba(243, 115, 59, 1.0); margin-left: -25px; margin-top: -25px; width: 50px; height: 50px; border-radius: 50%; -webkit-animation: wave 2s infinite linear; animation: wave 2s infinite linear; } .waves_m a:hover:after { opacity: 0; -webkit-animation: wave 2s 1.0s infinite linear; animation: wave 2s 1.0s infinite linear; } @-webkit-keyframes wave { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 1; } 100% { -webkit-transform: scale(2.0); transform: scale(2.0); opacity: 0; } } @keyframes wave { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 1; } 100% { -webkit-transform: scale(2.0); transform: scale(2.0); opacity: 0; } } @-webkit-keyframes chameleon { 0% { background: #2ecc71; } 25% { background: #f1c40f; } 50% { background: #e74c3c; } 75% { background: #3498db; } 100% { background: #2ecc71; } } @keyframes chameleon { 0% { background: #2ecc71; } 25% { background: #f1c40f; } 50% { background: #e74c3c; } 75% { background: #3498db; } 100% { background: #2ecc71; } } /***********************************product_map ver_mobile******************************/ .amazingslider-box-1 a {display:none !important;position:relative;z-index:9;margin-top:-200px;overflow:hidden;color:#fff !important;} .amazingslider-box-1 div {background:transparent !important;} .amazingslider-img-1 {position:relative;z-index:999999;} .amazingslider-nav-1 {margin-top:10px !important} .amazingslider-box-1 {margin-left:0px !important;border-width:0px !important;} .gem-gallery .gem-gallery-thumbs-carousel-wrap .gem-gallery-item { padding: 18px 0 0; margin: 0 4px !important; } .gem-gallery .gem-gallery-thumbs-carousel-wrap .gem-gallery-item a img { width: 40px; height: 40px; } .gem-gallery .gem-gallery-thumbs-navigation .gem-prev:after, .gem-gallery .gem-gallery-thumbs-navigation .gem-next:after {display:none;} .caroufredsel_wrapper {width:90%;min-width:250px;} .gem-gallery .gem-gallery-thumbs-carousel-wrap { padding: 0 0px; } /*.caroufredsel_wrapper, .gem-gallery-preview-carousel {height:307px !important;} .gem-gallery-item, .gem-gallery-item-image {height:100%;} .gem-gallery .gem-gallery-preview-carousel-wrap .gem-gallery-item a {height:100%;}*/ .gem-gallery .gem-gallery-preview-carousel-wrap .gem-gallery-item img {} .gem-gallery-hover-default .gem-gallery-preview-carousel-wrap .gem-gallery-item a:after {display:none;} .scroll_x {overflow:auto;} .basic_table {width:100%;font-size:100%;border-left:0px solid #e1e1e1;border-top:1px solid #333;text-align:center;} .basic_table thead {border-bottom:1px solid #666 !important;} .basic_table thead tr {background:#f0f0f0;color:#000;border-bottom:1px solid #e1e1e1;font-weight:400;} .basic_table thead td {padding:15px;border-right:0px solid #e1e1e1 !important;font-weight:800;} .basic_table tbody tr {border-bottom:1px solid #e1e1e1;border-top:1px solid #666 !important;} .basic_table tbody td {padding:20px 20px;border-right:0px solid #e1e1e1 !important;line-height:1.4} .basic_table tbody td.year {width:15%;background:#f5f5f5;color:#000;font-weight:700;} .basic_table tbody td.host {width:30%;} .basic_table tbody td.desc {border-right:0px solid #e1e1e1 !important;width:55%;text-align:left;} .qodef-pli-title {font-size:16px;font-weight:400} .table_title {background:#f1f1f1} .table_total {background:#f2f7ff;font-weight:400;color:#000;} .table_back_gray {background:#f9f9f9} .basic_table_spec {width:100%;border-top:1px solid #e1e1e1;border-left:1px solid #e1e1e1;} .basic_table_spec thead tr {border-top:1px solid #e1e1e1;background:#f1f1f1;color:#000} .basic_table_spec thead td {padding:10px 20px;background:#f5f5f5;} .basic_table_spec tr {border-bottom:1px solid #e1e1e1;} .basic_table_spec td {padding:10px 20px;line-height:1.3;background:#fff;border-right:1px solid #e1e1e1 !important;} .basic_table_spec td.con_ti {color:#000;} .portfolio-filters a.active, .portfolio .portfolio-item .caption .caption-separator {background:#ed2526 !important;} .portfilio-top-panel-right {display:none !important;} /** products **/ /**premium**/ .margin_solar_desc {padding:30px 40px 0px;margin:-50px 40px 0 40px !important;z-index:9999;background:#ffffff;display:inline-block;text-align:center;position:relative;} .r_img_wi110 {position:absolute;margin-right:-20%;width:120%;} .r_img_wi110 img {position:absolute;margin-left:-20%;max-width:110% !important;} .l_cont_parking {margin-right:-20%;width:120%;z-index:9999;position:relative;} /**premium**/ /* .l_cont {margin-right:-10%;width:110%;z-index:9999;position:relative;} .r_img {width:60% !important;} .busi_desc_p50 {padding:50px 50px 50px 0;} .busi_desc_title {padding:20px 0px 0;} .construc_reper {padding:20px;background:#fff;text-align:center;width:90%;margin:-50px auto 0 !important;position:relative;} .trust_business {text-align:center;padding:50px;background:rgba(187,216,249,0.5);margin:0 -8%;border-radius:100px;font-weight:500;font-size:120%;} .trust_business_col01 {text-align:center;padding:50px;background:rgba(189,201,211,0.5);margin:0 -8%;border-radius:100px;font-weight:500;font-size:120%;} .trust_business_col02 {text-align:center;padding:50px;background:rgba(187,216,249,0.5);margin:0 -8%;border-radius:100px;font-weight:500;font-size:120%;} .trust_business_col03 {text-align:center;padding:50px;background:rgba(189,201,211,0.5);margin:0 -8%;border-radius:100px;font-weight:500;font-size:120%;} .trust_business_col04 {text-align:center;padding:50px;background:rgba(189,201,211,0.5);margin:0 -8%;border-radius:100px;font-weight:500;font-size:120%;} .trust_business_col05 {text-align:center;padding:50px;background:rgba(187,216,249,0.5);margin:0 -8%;border-radius:100px;font-weight:500;font-size:120%;} .trust_business_col06 {text-align:center;padding:50px;background:rgba(189,201,211,0.5);margin:0 -8%;border-radius:100px;font-weight:500;font-size:120%;} .trust_business_col07 {text-align:center;padding:50px;background:rgba(187,216,249,0.5);margin:0 -8%;border-radius:100px;font-weight:500;font-size:120%;} .financial_business h4 {width:200px;text-align:center;padding:80px 50px;background:rgba(187,216,249,0.5);border-radius:100%;font-weight:500;font-size:120%;margin:0 auto 20px;} .financial_business div {width:80%;margin:0 auto;text-align:center;} .financial_business_col02 h4 {width:200px;text-align:center;padding:80px 50px;background:rgba(189,201,211,0.5);border-radius:100%;font-weight:500;font-size:120%;margin:0 auto 20px;} .financial_business_col02 div {width:80%;margin:0 auto;text-align:center;} */ .back_white {background:#fff;padding:50px 50px 50px 0!important;} .back_white_p80 {background:#fff;padding:80px 50px !important;} .wpb-js-composer .vc_tta.vc_tta-color-thegem.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels {border-color:#fff;} .certification_back {background: linear-gradient( 180deg, #fff, /*#f2f3f4*/ );} /*.wpb-js-composer .vc_tta.vc_tta-style-classic .vc_tta-tab {margin:0 10px 30px !important;} .wpb-js-composer .vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-tab.vc_active {border-bottom:1px solid #333;} .wpb-js-composer .vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-tab.vc_active > a {border:0px !important;color:#000;font-size:120%;font-weight:700;background:#fff;line-height:2;border-bottom:1px solid #fff;} .wpb-js-composer .vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-tab.vc_active > a span {} .wpb-js-composer .vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-tab {border-bottom:1px solid #fff;} .wpb-js-composer .vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-tab > a {border:0px;color:#999;font-size:120%;background:#fff;font-weight:500;line-height:2;} .wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tabs-list li {margin:0 10px;} .wpb-js-composer .vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-tab > a:hover {background:#fff;color:#333;} .wpb-js-composer .vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-tab > a:hover span {} .wpb-js-composer .vc_tta.vc_tta-tabs.vc_general .vc_tta-tab > a {padding:7px 10px;background:#fff;} .wpb-js-composer .vc_tta.vc_general.vc_tta-tabs .vc_tta-panel-body {padding:0 10px;} .wpb-js-composer .vc_tta.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels {border:0px !important;position:relative;z-index:999999;} */ .main_special_wrap {text-align:center;margin:0 auto;} .main_special_wrap h5 {font-size:18px;font-weight:500;margin:40px 0 15px;color:#333;} .main_special {border:2px solid #ed2526;border-radius:30px;width:16px;height:16px;background:#fff;z-index:999999;margin:0 auto;} .main_special span {background:#ed2526;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:#ed2526;width:100%;} .main_special_line_right {margin-left:50%;width:50%;margin-top:-8px;z-index:9;height:1px;background:#ed2526;} .main_special_line_left {margin-right:50%;width:50%;margin-top:-8px;z-index:9;height:1px;background:#ed2526;} .main_special_desc {max-width:180px;margin:0 auto;} .main_quick {background:rgba(162,200,16,0.8);width:100%;line-height:1.2;padding:40px 10px;text-align:center;font-size:16px;color:#fff;cursor:pointer;height:100%;} .main_quick:hover {background:#ed2526;} .main_quick img {margin-right:20px;} .main_rnd_wrap01 {padding:70px;background:url('/wp/wp-content/uploads/2020/03/main_rnd_back01.jpg');opacity:0.9;filter:alpha(opacity=90);} .main_rnd_wrap01:hover {padding:70px;background:url('/wp/wp-content/uploads/2020/03/main_rnd_back01_hover.jpg');opacity:1.8;filter:alpha(opacity=100);} .main_rnd_wrap01:hover .main_title, .main_rnd_wrap01:hover .main_desc, .main_rnd_wrap01:hover h3 {color:#fff;} .main_rnd_wrap02 {padding:70px;background:url('/wp/wp-content/uploads/2020/03/main_rnd_back02.jpg');opacity:0.9;filter:alpha(opacity=90);} .main_rnd_wrap02:hover {padding:70px;background:url('/wp/wp-content/uploads/2020/03/main_rnd_back02_hover.jpg');opacity:1.8;filter:alpha(opacity=100);} .main_rnd_wrap02:hover .main_title, .main_rnd_wrap02:hover .main_desc {color:#fff;} .main_title {font-size:50px;text-transform:uppercase;font-weight:800;line-height:40px;padding:0px 0px 0px;letter-spacing:-2px !important;margin-bottom:0px;} .main_title strong {color:#ed2526;font-weight:800} .main_desc {margin:0 0 30px;max-width:300px;} .m-b--200 {margin-bottom:-200px;} .m-b--180 {margin-bottom:-180px;} .m-b--150 {margin-bottom:-150px;} .m-b--120 {margin-bottom:-120px;} .m-b--100 {margin-bottom:-100px;} .m-b--90 {margin-bottom:-90px;} .m-b--80 {margin-bottom:-80px;} .m-b--70 {margin-bottom:-70px;} .m-b--60 {margin-bottom:-60px;} .m-b--50 {margin-bottom:-50px;} .m-b--40 {margin-bottom:-40px;} .m-b--30 {margin-bottom:-30px;} .m-b--20 {margin-bottom:-20px;} .m-b--10 {margin-bottom:-10px;} .m-t--400 {margin-top:-400px;} .m-t--350 {margin-top:-350px;} .m-t--300 {margin-top:-300px;} .m-t--250 {margin-top:-250px;} .m-t--200 {margin-top:-200px;} .m-t--180 {margin-top:-180px;} .m-t--150 {margin-top:-150px;} .m-t--120 {margin-top:-120px;} .m-t--100 {margin-top:-100px;} .m-t--90 {margin-top:-90px;} .m-t--80 {margin-top:-80px;} .m-t--70 {margin-top:-70px;} .m-t--60 {margin-top:-60px;} .m-t--50 {margin-top:-50px;} .m-t--40 {margin-top:-40px;} .m-t--30 {margin-top:-30px;} .m-t--25 {margin-top:-25px;} .m-t--20 {margin-top:-20px;} .m-t--10 {margin-top:-15px;} .m-l--200 {margin-left:-200px;} .m-l--180 {margin-left:-180px;} .m-l--150 {margin-left:-150px;} .m-l--120 {margin-left:-120px;} .m-l--100 {margin-left:-100px;} .m-l--90 {margin-left:-90px;} .m-l--80 {margin-left:-80px;} .m-l--70 {margin-left:-70px;} .m-l--60 {margin-left:-60px;} .m-l--50 {margin-left:-50px;} .m-l--40 {margin-left:-40px;} .m-l--30 {margin-left:-30px;} .m-l--20 {margin-left:-20px;} .m-l--15 {margin-left:-15px;} .m-l--10 {margin-left:-10px;} .m-r--200 {margin-right:-200px;} .m-r--180 {margin-right:-180px;} .m-r--150 {margin-right:-150px;} .m-r--120 {margin-right:-120px;} .m-r--100 {margin-right:-100px;} .m-r--90 {margin-right:-90px;} .m-r--80 {margin-right:-80px;} .m-r--70 {margin-right:-70px;} .m-r--60 {margin-right:-60px;} .m-r--50 {margin-right:-50px;} .m-r--40 {margin-right:-40px;} .m-r--30 {margin-right:-30px;} .m-r--20 {margin-right:-20px;} .m-r--15 {margin-right:-15px;} .m-r--10 {margin-right:-10px;} .p-t-30 {padding-top:30px;} .main_pro {margin:30px;border-bottom:1px solid rgba(255,255,255,0.3);color:#fff;} .main_pro h4 {color:#fff;margin:0px;line-height:1.5} .main_pro a {color:#fff;} .main_pro a:hover {color:rgba(255,255,255,0.5);} .main_pro div {padding-bottom:30px;} .main_icon_wrap {display:flex;padding:40px 20px 20px;} .main_icon {width:25%;text-align:center;padding:0 10px;} .main_icon h6 {padding:15px 0 5px;font-size:18px;font-weight:600 !important;} .lr_border {border-left:1px solid #ececec;border-right:1px solid #e1e1e1;} .l_border {border-left:1px solid #ececec;} .main_board_title {display:flex;align-items:center;padding:40px 20px 10px;} .main_board_title .title {width:90%;} .main_board_title .more {width:10%;text-align:right;min-width:60px;} .icon_about {padding:60px;background:#f9f9f9;margin:0 auto;border-radius:200px;} .icon_about {width:180px;height:180px;} h1, .title-h1, h2, .title-h2, h3, .title-h3 {line-height:1.5} h4, .title-h4, h5, .title-h5, h6, .title-h6 { letter-spacing: 0; line-height:1.5; } @media (min-width: 1212px) { .top-area .container { width: 100%; } } @media (max-width: 1212px) { #site-header .container-fullwidth {padding:0 20px;} } .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; }*/ .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: 0px; 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: 0px; } @media (max-width: 1057px) { .portfolio-filters a {width:32%;text-align:center;overflow:hidden;} .page_copy_about {margin:0px 0 0 0;width:100%;padding-right:0px;} .intro_copy_wrap {height:300px;} .intro_copy_img {margin-top:-300px;} .company_mobile_m_t {margin-top:100px;} .intro_copy_wrap {background: linear-gradient( 135deg, #ed2526, #ed2526 ); width: 90%; color: #fff; height: 450px;margin-left:-50px;} .intro_copy { /*transform: translateX(-50%) translateY(-10%) rotate(-90deg);*/ margin: 30px 0px 0 0px; width: 95%; font-size:15px; letter-spacing:0px; text-align:right; padding:7px 0 0 0; } .intro_copy_img {margin:-430px 0 0 -30px;width:90%;position:relative;} .about_autocastle {position: relative; z-index: 999999;max-width:1000px;background:rgba(255,255,255,1.0);margin:0 auto;padding:0 0 20px 0;} .about_autocastle h3 {font-size:30px;} .about_autocastle_img {margin-top:-20px;} } @media (max-width: 979px) { .selec_lang a, .selec_lang_active a {color:#333;} } @media (max-width: 900px) { .pro_map_marg {margin:0 0 0 -15% !important;} .waves a, .waves_none span {font-size:90%;} .waves a {margin-left:5px;} .waves_none {padding: 4px 0px 0px;margin-left:-70% !important;} .outline_black, .outline {width:11px;height:11px;} .waves {width:11px;height:11px;} .waves a.t_top span { margin-left: -800% !important; margin-top: -750% !important;} .waves a.t_top span h4 {margin-left:30%;font-size:110% !important;} .waves a.t_bottom_big span {margin-left:-250% !important;} .active_alignment div {vertical-align:middle; padding:25px 0 0 0 !important; width:60px; display:table-cell;} .active_alignment .wid93 {width:70px;text-align:center;margin-left:-10%;} .active_alignment .wid50 {text-align:center;margin-left:-5%;} .active_alignment {margin-top:-30%;} .outline_border { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: flex; justify-content: center; background: rgba(243, 115, 59, 1.0); border-radius: 50%; width:17px; height:17px; flex-direction: row; flex-wrap: wrap; border:5px solid #ffd8ca; outline-offset:15px; } } @media (max-width: 806px) { .portfolio-filters a {width:31.5%;text-align:center;overflow:hidden;} } @media (min-width: 795px) { .product_map {display:block !important;} .product_map_m {display:none !important;} } @media (max-width: 794px) { .product_map {display:none !important;} .product_map_m {display:block !important;} } @media (max-width: 768px) { body, option, .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 { font-size:15px !important; } #site-header .container-fullwidth {padding:0 20px;} #main-center90 {padding:0 20px;} #site-header .primary-navigation { text-align: right;} .sub_page_title_about h1 {font-size:40px;} .sub_page_title_about_light h1 {font-size:40px;} .main_pamtek {padding:0 0 0 0px;} .main_pamtek div {max-width:440px;} .main_section_wrap {margin:0 10px;} .main_section_wrap h4 {font-size:40px !important;margin:20px 0 10px !important;} .overview_wrap {padding:0px;} .m-l--200 {margin:0px;} .page_copy h3 {font-size:28px;} .sub_menu_col2 li {width:50%;float:left;} .sub_menu_col3 li {width:33.3333%;float:left;} .sub_menu_col4 li {width:50%;float:left;} .sub_menu_col5 li {width:50%;float:left;} .sub_menu_col8 li {width:33.3333%;float:left;} .widget_nav_menu ul.menu li > a, .widget_submenu > div > ul li > a {font-size:15px;padding:6px;line-height:30px;} #animation-visual-canvas {display:none;} .main_icon_wrap {display:block;padding:40px 20px 20px;} .main_icon {width:50%;text-align:center;padding:0 10px;float:left;} .main_icon h6 {padding:15px 0 5px;font-size:18px;font-weight:600 !important;} .main_icon div {padding-bottom:15px} .lr_border, .l_border {border:0px solid #ececec;} .sub_menu_col6 li {width:33.33333%;float:left;position:relative;} .sub_menu a {padding:15px;margin:0px;color:#333;margin-bottom:0px;font-size:18px;font-weight:600} .m-t--82 {margin-top:0px} .main_title {font-size:30px;text-transform:uppercase;font-weight:800;line-height:40px;padding:10px 0px 0px 0px;} .service_inquiry {display:inline-block;width:100%;} .service_inquiry_title {width:100%;padding:10px 10px 0 10px;background:none;} .service_inquiry_content {width:100%;} .ceo_greetings {margin:0px 0 0 0%;width:100%;} .ceo_greetings h5 {padding:30px 0 20px;} #sub_visual {margin-bottom:50px;} .widget_nav_menu .menu-item-active a {/*color:#f3733b !important;*/color:#333 !important;font-weight:400 !important;border-bottom:0px solid #fff !important;margin-bottom:0px;background:rgba(255,255,255,0.8);} .widget_nav_menu .menu-item-active a:hover {color:#f3733b !important;font-weight:600 !important;border-bottom:0px solid #fff !important;margin-bottom:0px;background:rgba(255,255,255,0.8);} .sub_menu_col5 {max-width:1300px;margin:0 auto;display:block;} .sub_menu_col5 a {width:100%;float:left;position:relative;} .sub_menu_col4 {max-width:1300px;margin:0 auto;display:block;} .sub_menu_col4 a {width:100%;float:left;position:relative;} .sub_menu_col3 {max-width:1300px;margin:0 auto;display:block;} .sub_menu_col3 a {width:100%;float:left;position:relative;} .sub_menu_col2 {max-width:1300px;margin:0 auto;display:block;} .sub_menu_col2 a {width:100%;float:left;position:relative;} .page_copy_about {padding:0 20px 20px;box-shadow:none;} .l_cont_parking {margin-right:-20%;width:120%;z-index:9999;position:relative;margin-bottom:-15%;} .r_img_wi110 {position:absolute;margin-right:0%;width:100%;margin-left:-50%;margin-bottom:80px;} .r_img_wi110 img {position:absolute;margin-left:0%;width:100%;} .com_history_wrap {display:block !important;} .his_ti {width:100%;float:none;} .his_cont {width:100%;float:none;} .his_ti h2 span {font-size:30px;margin-top:-0px;display:block;color:#777;font-weight:300;margin-top:0px;} .his_cont {width:100%;margin-top:40px;display:block;} .about_worldmap {background:url('/pamtek/wp-content/uploads/2020/06/about_worldmap.png') 30% -150px no-repeat;min-height:400px;} .his-div01 li {padding-right: 100px;} .his-div02 li {padding-left: 100px; } .his-div li b { width:80px;} .his-div li {text-align:left; margin-bottom:15px; padding:0; padding-left:70px;} .his-div li b { display: block; margin-top: 0; text-align:left; top:0; line-height:1.6; box-shadow:none;} .his-div01 li b { right:auto;left:0;} .his-div02 li b { left:0;} .year-tit{ margin:0 auto 30px;} .his-div{ width:100%; margin-left:0px;} .hisrow:before, .his-div li:before, .his-div li:after { display:none; } .hisrow{ padding-bottom:15px;} .year-tit {font-size:20px;} .shuttle_bus {margin-top:-50px;margin:0 auto;} .page_title_big {font-size:30px;line-height:1.2;} .m-t--100, .m-t--80 {margin-top:0px;} .p-t-30 {padding-top:0px;} .location_t_box {padding:30px 0px;width:120px;margin-bottom:-60px !important;} .prcenter_padd {border:1px solid rgba(255,255,255,0.00);width:400px;margin:-0px auto -40px;height:400px;border-radius:50%;padding:5%;margin:0 auto;} .prcenter_padd div {border:1px solid rgba(255,255,255,0.12);width:100%;height:100%;border-radius:50%;text-align:center;padding:15%;display:table;} .prcenter_padd div p {display:table-cell;vertical-align:middle;width:100%;height:100%;border-radius:50%;border:1px solid rgba(255,255,255,0.7);padding:20px;position:relative;} .basic_table tbody td.host img {height:25px;} .business_wrap h3 { color: #fff; margin: 40px 0 5px; font-size: 40px !important; font-weight: 200 !important;} .sub_pr_back {margin:-100px 0 -300px;} #max_width900 {margin:100px 0 0 0;} h3 {font-size:25px !important;} h4 {font-size:20px !important;} .block-content:last-of-type {padding-bottom: 0px; } .main_why {background:#fff;width:85%;padding:30px;text-align:center;margin:-80px auto 0px !important;position:relative;z-index:999999;} .performance_block_left {margin-left:0%;width:100%;background:#fff;box-shadow:0px 5px 8px 1px rgba(156,182,191,0.0);padding:0px;} .performance_block_right {margin-right:0%;width:100%;background:#fff;box-shadow:0px 5px 8px 1px rgba(156,182,191,0.0);padding:0px;z-index:999999;position:relative;} .vc_images_carousel .vc_carousel-control .icon-next, .vc_images_carousel .vc_carousel-control .icon-prev {margin-left:-15px !important;} .pro_feature_box {border:1px solid #e1e1e1;border-top:2px solid #333;padding:30px !important;margin:0%;width:100% !important;} .pro_feature_box_wrap {padding-bottom:0px;} /* .main_contact_wrap {padding:40px 20px 80px 20px;} .footer_txt_wrap {padding:20px 0 0 0;} .foot_border_right {border:0px;} .main_special {display:none;} .main_special_wrap h4 {margin:0 0 15px;font-size:16px !important;line-height:1.5;} .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;} .sub_main_title {font-size:20px;} .main_brand_wrap h2, .main_catal_wrap h2 {font-size:30px;} .page_copy_about h3 {font-size:24px;padding-top:30px;margin-top:-30px;} .main_contact_right {margin-top:-100px;position:relative;z-index:999999;} .main_brand {position: relative;padding:50px 20px 60px; } .main_brand_desc {margin:30px auto 0;} .main_brand .main_btn {margin-top:0px;padding-top:50px;} */ .mobile_padd80 {padding:40px 0;} .mobile_m_t__30 {margin-top:-30% !important;} .mobile_m_t__60 {margin-top:-60% !important;} .mobile_m_t__90 {margin-top:-90% !important;} .wpb-js-composer .vc_tta.vc_general.vc_tta-tabs .vc_tta-panel-body {padding:40px 20px;} .sub_pr_back {margin-top: -300px; position: relative; z-index: 999999; background: #fff;} .recruit_boxshadow {margin-top:-300px;position: relative; z-index: 999999; } .page_title_company {padding:230px 0 0 0;} .company_content_wrap {margin:-100px 0 0 0px;background:#fff;padding:50px 0 0 0;} .company_content_location {margin:-200px 0 0 0px;background:#fff;padding:50px 0 0 0;} .intro_copy_wrap {margin:0 20px 0 0;margin-top:-200px !important;height:440px;} .intro_copy_img {margin:-415px 0 0 20px;width:100%;} .page_copy_about {margin:-100px 0 0 0;width:100%;} .business_structure_wrap_right {box-shadow:0px 10px 13px 0px rgba(88,69,146,0.1);padding:35px 25px;background:#fff;margin-left:0%;z-index:99999;width:85%;margin-top:-70px !important;} .mobile_m_t0 {margin-top:0px;} .business_process_cols7_wrap {display:block;text-align:center;} .business_process_cols7 {width:50%;float:left;min-height:200px;} .business_process_cols7 img {padding:20px 0;} .business_process_cols7 .number {width:100%;margin:0px 0 10px 0;font-size:15px;} .wid90 {margin:10px auto 10px !important;} .business_process_cols7_onestop_wrap {display:block;text-align:center;} .business_process_cols7_onestop {width:50%;float:left;} .business_process_cols7_onestop img {padding:30px 0;} .business_process_cols7_onestop .number {width:100%;margin:-25px 0 -15px 0;font-size:15px;z-index:999999;position:relative;} .business_process_cols7_onestop .number span {padding:5px 12px;background:#115a9e;border-radius:5px;color:#fff;min-width:40px;text-align:center;position:relative;} .onestop_wid90 {margin:30px auto 15px !important;width:80%;} .business_marketing_desc {box-shadow:-0px -0px 20px 0px rgba(88,69,146,0.2);background:#fff;margin-top:-50%;z-index:9999;position:relative;padding:40px;min-height:260px;} .back_white {background:#fff;padding:0px 20px 30px 0!important;} .r_img {width:100% !important;} .business_structure_wrap_bottom {display:block;} .business_structure_wrap_bottom_b {display:block;width:100%;padding-top:50px;padding-bottom:50px;} .business_structure_wrap_bottom_b ul {width:100%;padding:0 50px;} .business_structure_wrap_bottom_a {width:100%} .business_structure_wrap_bottom_a h5 {font-size:22px;color:#fff;} .business_structure_wrap_bottom_margin {margin-top:-12%;z-index:99999;} .sub_page_title_about {margin:-90px 0 40px !important} .sub_page_title_about_light {margin:-90px 0 40px !important} .pro_padd_wrap {padding-left:17.5px !important} .business_wrap .sub_title { color: #fff; padding: 0px 0 0px; font-size: 130%; text-align: center; margin-bottom: 50px; z-index: 9999999; position: relative;} .business_wrap ul { width:100%; margin: 0px auto; display: block;padding: 0 0 50px;} .business_wrap li {width:100%;position:relative;} .business_wrap li .business_round01 { width: 400px; height: auto; padding: 0px; margin: 0 auto;border:0px;} .business_wrap li .business_round02 {width:420px;height:auto;border:0px;} .business_list { display: flex; margin: 0 auto; width:auto; position: relative; z-index: 99999;} .display-table .display-table-cell { display: table-cell; vertical-align: middle; text-align:center; color:#fff; font-size:120%;line-height:1.1} .pro_land_ti {font-size:110%} .pro_space {padding:0 20px !important;} .pro_desc_wrap h4 span { width: 5px; height: 20px; background: linear-gradient( 135deg, #f3733b, #f3733b ); margin: 4px 10px 0 0px; display: inline-block; position: absolute; } .main_section_wrap { font-size: 110%; padding: 0 30px; } .main_img_size {padding:0 40px !important;} .main_img_size img {height:240px !important;width:auto;} } @media (max-width: 480px) { .prcenter_padd {border:1px solid rgba(255,255,255,0.00);width:360px;margin:0px auto;height:360px;border-radius:50%;padding:5%;} .prcenter_padd div {border:1px solid rgba(255,255,255,0.12);width:300px;height:300px;border-radius:50%;text-align:center;padding:10%;display:table;} .prcenter_padd div p {display:table-cell;vertical-align:middle;width:240px;height:240px;border-radius:50%;border:1px solid rgba(255,255,255,0.7);padding:0 30px;position:relative;} .btn_product a {background:#fff;color:rgba(0,0,0,0.9);-webkit-transition: 0.5s; transition: 0.5s;margin:5px;width:160px;display:inline-block;padding:12px;font-size:90%;} .btn_product a:hover {background:#222;color:rgba(255,255,255,0.9);-webkit-transition: 0.5s; transition: 0.5s;} #site-header .container-fullwidth {padding:0 20px;} #main-center90 {padding:0 20px;} .financial_business h4 {width:160px;text-align:center;padding:60px 30px;background:rgba(187,216,249,0.5);border-radius:100%;font-weight:600;font-size:120%;margin:0 auto 20px;} .financial_business div {width:80%;margin:0 auto;text-align:center;} .financial_business_col02 h4 {width:160px;text-align:center;padding:60px 30px;background:rgba(189,201,211,0.5);border-radius:100%;font-weight:600;font-size:120%;margin:0 auto 20px;} .financial_business_col02 div {width:80%;margin:0 auto;text-align:center;} .waves_m, waves_none_m { font-size:11px; } .waves_m a.t_top_m h4 {font-size:14px !important;} .active_margin {margin:10px 0 0 -75px;position:absolute;} .only_m {display:block !important;} }