/* 워드프레스 기본설정 */ .jupiterx-main-content{padding:0 !important;} .jupiterx-main-content > .container > .row{margin-right:0 !important; margin-left:0 !important;} .jupiterx-main-content > .container > .row > [class*=col-]{padding-left:0 !important; padding-right:0 !important;} .jupiterx-main-content > .container > .row{margin-right:0 !important; margin-left:0 !important;} .jupiterx-main-content{padding:0 !important;} .container,.jupiterx-main-content > .container > .row > [class*=col-]{padding-left:0 !important; padding-right:0 !important;} .jupiterx-post-header{display:none !important;} .elementor-container.elementor-column-gap-no, .elementor-container.elementor-column-gap-default{height:100%;} .wordBr{word-break:keep-all;} p{margin-bottom:0 !important;} body{word-break: keep-all;} /* 노토산스 */ @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');} @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');} @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');} @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');} @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');} @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');} html{ -webkit-text-size-adjust: antialiased; -moz-osx-font-smoothing: grayscale; } body{ text-shadow: 0 0 1px rgba(0,0,0,0.3); font-smoothing: antialiased !important; text-rendering: optimizeLegibility !important; backface-visibility: hidden !important; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { body{text-shadow: 0 0 0px rgba(0,0,0,0);} } /* Font */ .din{font-family: 'din-2014', 'Noto Sans KR', sans-serif !important; transform: rotate(-0.0000000001deg);} .din a{font-family: 'din-2014', 'Noto Sans KR', sans-serif !important; transform: rotate(-0.0000000001deg);} .din p{font-family: 'din-2014', 'Noto Sans KR', sans-serif !important; transform: rotate(-0.0000000001deg);} .din h3{font-family: 'din-2014', 'Noto Sans KR', sans-serif !important; transform: rotate(-0.0000000001deg);} .din span{font-family: 'din-2014', 'Noto Sans KR', sans-serif !important; transform: rotate(-0.0000000001deg);} .din div{font-family: 'din-2014', 'Noto Sans KR', sans-serif !important; transform: rotate(-0.0000000001deg);} .din label{font-family: 'din-2014', 'Noto Sans KR', sans-serif !important; transform: rotate(-0.0000000001deg);} .breadcrumb-item span{font-family: 'din-2014', 'Noto Sans KR', sans-serif !important; transform: rotate(-0.0000000001deg); font-weight: 400 !important;} /* Common */ .grayline{font-weight:200; color:#ccc;} .jupiterx-scroll-top{display:none !important;} .playButton > .elementor-widget-container{margin: 0 25px 0 25px !important;} .removelink .breadcrumb li:nth-child(2) a{cursor:default !important; pointer-events: none !important;} .removelink .breadcrumb li:nth-child(2) a:link{color:#7B7C7F !important; text-decoration: none !important;} .removelink .breadcrumb li:nth-child(2) a:visited{color:#7B7C7F !important; text-decoration: none !important;} .removelink .breadcrumb li:nth-child(2) a:hover{color:#7B7C7F !important; text-decoration: none !important;} .svg_blue_ov:hover svg, .svg_blue_ov:hover .cls-1{fill:rgba(0,80,170,1) !important;} /* R&D에서 purpose 삭제 */ article .purposeText .purposeText{display:none !important;} /* Header */ .elementor-sticky--effects.mainheader > .elementor-container{min-height:72px !important; transition: 0.4s !important;} .mainheader .elementor-container{transition: 0.6s !important;} /* .elementor-sticky--effects.mainheader{box-shadow:2px 2px 1px 1px rgb(0 0 0 / 3%) !important;} 그림자*/ .elementor-sticky--effects.mainheader{border-bottom:1px solid #ececec !important;} head{z-index: 999 !important;} .raven-nav-menu-horizontal>.raven-nav-menu ul.sub-menu, .raven-nav-menu-horizontal>.raven-nav-menu ul.submenu{z-index: 0 !important;} @media screen and (min-width: 1025px) and (max-width: 1250px){ .NaviMenu .elementor-item{padding: 35px 10px 35px 10px !important; font-size: 17px !important;} } .elementor-sticky--effects .elementor-nav-menu--main .elementor-item{padding-top: 26px !important; padding-bottom: 26px !important;} .navigationH{transition: all 0.85s;} /* dropdown */ .dropAction{ height:0px; background-color: #fff; transition: all 1s !important; transition-delay: 0.65s !important; top: 90px !important; } .dropAction.dropActive{ height:145px; transition: all 0.5s !important; background-color: #f8f8f8; } .raven-submenu{height:200px;} .elementor-sticky--effects .dropAction{top: 71px !important;} .NaviMenu .elementor-sub-item{justify-content: center !important; margin-top:20px !important;} ul.elementor-nav-menu--dropdown a{border: 0px !important; padding-left: auto !important; padding-right: auto !important;} .NaviMenu .elementor-nav-menu--dropdown{min-width:100% !important;} .dropNavi .elementor-nav-menu--layout-horizontal .elementor-nav-menu{flex-flow:wrap; padding-top:16px; padding-bottom:16px;} .dropNavi .elementor-nav-menu .menu-item{width:100%;} .dropNavi .elementor-nav-menu .menu-item a{justify-content:center; align-items:center; padding:10px 0 !important;} /* Footer */ .gray{color:#888 !important; font-weight: 500 !important;} .removelink a:link {color:#7B7C7F !important; text-decoration: none;} .removelink a:visited {color:#7B7C7F !important; text-decoration: none;} .removelink a:hover {color:#7B7C7F !important; text-decoration: underline;} @media screen and (max-width:1024px){ .grayline{ display:none !important; } } /* Main Slide */ .custom.tparrows{font-size:148px !important; background: rgba(0,0,0,0.0) !important;} #rev_slider_1_1_wrapper .custom.tparrows.tp-leftarrow{max-width: 25px !important;} #rev_slider_1_1_wrapper .custom.tparrows.tp-rightarrow{max-width: 25px !important;} #rev_slider_1_1_wrapper .custom.tparrows.tp-leftarrow:before{content:url("/wp-content/uploads/2021/04/Asset-2.svg") !important;} #rev_slider_1_1_wrapper .custom.tparrows.tp-rightarrow:before{content:url("/wp-content/uploads/2021/04/Asset-3.svg") !important;} @media screen and (max-width:450px){ #rev_slider_1_1_wrapper .custom.tparrows.tp-leftarrow{max-width: 16px !important;} #rev_slider_1_1_wrapper .custom.tparrows.tp-rightarrow{max-width: 16px !important;} } @media screen and (max-width:600px){ #rev_slider_1_1_wrapper .custom.tparrows.tp-leftarrow{display:none !important;} #rev_slider_1_1_wrapper .custom.tparrows.tp-rightarrow{display:none !important;} } /* Main Slide Tab */ .jet-text-ticker .jet-blog-arrow{width:16px !important; height: 0px !important;} .jet-text-ticker .jet-blog-arrow:before{transform: rotate(90deg) !important;} .jet-text-ticker .jet-blog-arrow.jet-arrow-next:before{transform: rotate(-90deg) !important;} .elementor-2 .elementor-element.elementor-element-ed2b9eb .jet-blog-arrow.jet-arrow-next{width: 16px;} /* Prepreg */ .jet-tabs__control-wrapper div:nth-child(5){border-width: 0px !important;} @media screen and (max-width:767px){ .jet-tabs__control-wrapper div:nth-child(5){border-width: 1px !important;} } .prepregtab .jet-tabs__control{width:20% !important;} @media screen and (max-width:767px){ .prepregtab .jet-tabs__control{width:31% !important;} } .prepregtab .jet-tabs__control-wrapper{width:65% !important;} @media screen and (min-width:768px) and (max-width:1024px){ .prepregtab .jet-tabs__control-wrapper{width:85% !important;} } @media screen and (max-width:767px){ .prepregtab .jet-tabs__control-wrapper{width:100% !important;} } .prepregtab .jet-tabs__control .jet-tabs__label-text{border-bottom: 2px solid rgba(255, 255, 255, 0.0) !important;} .prepregtab .jet-tabs__control.active-tab .jet-tabs__label-text{border-bottom: 2px solid #0050aa !important;} .blueblue .elementor-element:hover > .elementor-element-populated{transition-duration: 0.8s !important;} .blueblue .elementor-element:hover .hoverwhite{color: #fff !important; transition-duration: 0.4s !important;} .blueblue .elementor-element:hover .hovergray{color: #ccc !important; transition-duration: 0.4s !important;} .blueblue .elementor-element:hover .raven-icon svg{color: #fff !important; transition-duration: 0.4s !important; cursor: pointer;} .prepregtab{transition: all 0.85s !important;} .jet-checkboxes-list{opacity: 1 !important; pointer-events: auto !important;} /* Fabric */ #jet-tabs-control-3405{border-width: 0px !important;} .carbonButton:after{content: url('https://carbon.superbee.kr/wp-content/uploads/2021/06/002.png'); padding-left: 10px; transition: all 0.5s;} .carbonButton:hover.carbonButton:after{padding-left: 18px !important; transition: all 0.5s;} /* Research */ .researchButton:after{content: url('https://carbon.superbee.kr/wp-content/uploads/2021/06/004.png'); padding-left: 10px; transition: all 0.5s;} .researchButton:hover.researchButton:after{padding-left: 18px !important; transition: all 0.5s;} .purposeText{content: "PURPOSE"; width:auto; font-size:16px; color:#0055aa; font-weight:700; padding-right:1.5%;} @media screen and (min-width:768px) and (max-width:1025px){ .purposeText{font-size:15px;} } @media screen and (max-width:767px){ .purposeText{font-size:15px;} } .moreFix{ content: url("https://carbon.superbee.kr/wp-content/uploads/2021/06/noun_Plus_3283463.svg"); width: 48px; height: auto; filter: invert(84%) sepia(0%) saturate(0%) hue-rotate(187deg) brightness(84%) contrast(80%); transition: all 0.85s; } @media screen and (max-width:767px){ .moreFix{content: width: 32px; height: auto;} } .moreFix:hover{filter: invert(21%) sepia(24%) saturate(7139%) hue-rotate(197deg) brightness(97%) contrast(101%); transition: all 0.85s;} /* Global Network */ @media screen and (min-width:768px){ .global .jet-tabs__control-inner{width: 332px; height: 69px;} } .global .jet-tabs__control.active-tab{background-color: #fff;} /* Our Group */ .playButtton .companyImg .elementor-image img{transition: all 0.85s !important;} .playButtton:hover .companyImg .elementor-image img{filter: brightness( 35% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg ) !important; transition: all 0.7s !important;} /* Contact */ .formFix .elementor-field-group{border-bottom: 1px solid #ddd; padding-bottom: 25px;} .formFix .elementor-field-type-tel label:after{content:"" !important;} .locaFix{font-size: 28px; line-height: 2em !important; text-transform:uppercase;} .locaFix1{font-size: 18px; font-weight: 300 !important; color: #555; margin-top:25px !important; line-height: 2em !important;} .locaFix2{font-size: 18px; font-weight: 100 !important; color: #aaa; margin-top:10px !important;} @media screen and (min-width:768px) and (max-width:1025px){ .locaFix{font-size: 24px;} .locaFix1{font-size: 16px;} .locaFix2{font-size: 16px;} } @media screen and (min-width: 768px){ /* Contact */ .formFix .elementor-column.elementor-col-25{width:30% !important;} } @media screen and (max-width:767px){ .locaFix{font-size: 20px; line-height: 1.2em !important;} .locaFix1{font-size: 15px; font-weight: 300 !important; color: #555; margin-top:25px !important; line-height: 1.5em !important;} .locaFix2{font-size: 15px; font-weight: 100 !important; color: #aaa; margin-top:10px !important;} } .backSub{width:100%; position: fixed !important;} .backSub{height: 0px;} .navgationBar:hover.backSub{height: 500px !important;} /* Animation */ .article_header .article_header_bg{ transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); transform:translateZ(0) scale(1.2) rotate(0.1deg) !important; transition: 1.5s !important; transition-delay: 1s !important; overflow: hidden !important; } .article_header.bg_loaded .article_header_bg{ transform:translateZ(0) scale(1) rotate(0deg) !important; transition: 1.5s !important; transition-delay: 1s !important; overflow: hidden !important; } /* Contact */ .elementor-field-type-upload input{ line-height: normal !important; vertical-align: middle !important; cursor: pointer !important; border: 0px solid #ebebeb !important; border-bottom-color: #e2e2e2 !important; border-radius: 0 !important; font-weight: 400 !important; } .mainLine{letter-spacing: -0.5px !important; font-weight: 500 !important;} .mainLine a, .mainLine p, .mainLine h3, .mainLine span, .mainLine div, .mainLine label{letter-spacing: -0.5px !important; font-weight: 500 !important;} .dropNavi.elementor-widget-jet-dropbar .jet-dropbar__content{background-color: #fff !important;} .dropNavi .jet-dropbar__content-wrapper{width: 400px !important;} .elementor-sticky--effects .dropNavi .jet-dropbar__content-wrapper{margin: 28px 0 0 0 !important;} .docuHover { transition: all 1.0s ease-in-out !important; }