/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/


/*국문행간*/
html[lang="ko-KR"] .elementor-kit-9 {
    --e-global-typography-df5d51c-line-height: 1.3 !important;
	--e-global-typography-b8b021e-line-height: 1.3 !important;
}



/* ============= 일본어 텍스트 스타일 오버라이드 ================ */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');
html[lang^="ja"] body.elementor-page {

  /* 폰트패밀리 오버라이드 */
  --e-global-typography-text-font-family: "Noto Sans JP", sans-serif !important;
  --e-global-typography-df5d51c-font-family: "Noto Sans JP", sans-serif !important;
  --e-global-typography-e1119dc-font-family: "Noto Sans JP", sans-serif !important;
	
  --e-global-typography-e1119dc-font-weight:600 !important;


  /* 타이틀 폰트 line-height  1.4*/

  /* Hero	60px 3.8vw 40px 32px*/
  --e-global-typography-c14b552-line-height: 1.4 !important;
  /* Section Titel 36px 28 24 20 */
  --e-global-typography-b8b021e-font-family: "Noto Sans JP", sans-serif !important;
  --e-global-typography-b8b021e-line-height: 1.4 !important;


  /* 본문 폰트 line-height  1.6 */

  /* description 20px 18 18 16*/
  --e-global-typography-a93e085-font-family: "Noto Sans JP", sans-serif !important;
  --e-global-typography-a93e085-line-height: 1.6 !important;
}

/* Parent stylesheet should be loaded from functions.php not using @import */
html * {
  outline: none;
  -webkit-text-size-adjust: none;
}

html:lang(ko-KR){
	word-break: keep-all !important;
}

html:lang(en-US){
	word-break: keep-all !important;
}

html:lang(ja){
	word-break: break-all !important;
}


a[x-apple-data-detectors] {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

.p-no-margin p {
  margin-bottom: 0 !important
}

ul,
ol,
li {
  font-size: 18px !important;
  line-height: 26px !important;
}

@media screen and (max-width:1439px) {

  ul,
  ol,
  li {
    font-size: 16px !important;
    line-height: 23.4px !important;
  }
}

@media screen and (min-width:768px) {
  .page-nav ul {
    display: flex;
  }

  .page-nav ul li {
    flex: 1;
    text-align: center;
  }

  .page-nav ul li a {
    justify-content: center !important;
  }
}

@media screen and (max-width:1023px) {
  .mo-order .elementor-container {
    flex-direction: column-reverse;
  }
}

.main-header-section {
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

.main-header-section .logo-hover,
.main-header-section.she-header .logo-white,
.main-header-section:hover .logo-white {
  display: none !important;
}

.main-header-section .logo-white,
.main-header-section.she-header .logo-hover,
.main-header-section:hover .logo-hover {
  display: inherit !important;
}

.main-header-section:hover,
.main-header-section.she-header {
  background-color: #FFFFFF !important;
}

.main-header-section:hover .lang-btn .hfe-menu-item,
.main-header-section.she-header .lang-btn .hfe-menu-item,
.main-header-section:hover .d-menu a,
.main-header-section:hover .d-menu i,
.main-header-section:hover span,
.main-header-section:hover .hfe-nav-menu-icon,
.main-header-section.she-header .d-menu a,
.main-header-section.she-header .d-menu i,
.main-header-section.she-header span,
.main-header-section.she-header .hfe-nav-menu-icon {
  color: #000000 !important
}

.main-header-section .d-menu a,
.main-header-section .d-menu i,
.main-header-section span,
.main-header-section .hfe-nav-menu-icon {
  color: #FFFFFF !important
}

.hfe-menu-toggle.sub-arrow.hfe-menu-child-0 {
  display: none !important;
}

.m-menu {
  display: none !important;
}

.d-menu ul.sub-menu {
  min-width: 260px !important;
}

@media screen and (max-width: 1491px) {
  .main-header-section {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  .d-menu {
    width: 10%
  }

  .d-menu .hfe-nav-menu {
    display: none !important;
  }

  .m-menu {
    display: inherit !important;
  }
}

.m-menu .elementor-clickable.hfe-flyout-close {
  margin: 40px 10px 30px 0px;
}

.m-menu .hfe-nav-menu-icon {
  padding: 0px !important;
  margin: 0px 0px 0px 10px !important;
}




.breadcrumb-style span {
  text-align: center !important;
  text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
}

.breadcrumb-style {
  text-align: center !important;
  margin: 0 auto;
}

.breadcrumb-style span,
.breadcrumb-style a {
  color: #FFFFFF;
}

.breadcrumb-style a:hover {
  color: #FFFFFF;
}

.main-hero-section {
  animation: contrast-pulse 5s infinite alternate ease-in-out;
}

@keyframes contrast-pulse {
  0% {
    filter: brightness(0.8) contrast(1.2);
  }

  50% {
    filter: brightness(1.1) contrast(1.5);
  }

  100% {
    filter: brightness(0.8) contrast(1.2);
  }
}

.hidden-value {
  display: none !important;
}










.agree {
  width: 100% !important;
  height: 240px !important;
  line-height: 20px !important;
  padding: 30px 20px !important;
  margin: 10px 0px 10px 0px !important;
  border: 2px solid #dadbdd !important;
  border-radius: 7px !important;
  overflow-y: scroll !important;
}

.agree ol {
  list-style: decimal !important;
  margin: 10px !important;
  padding: 10px !important;
}

.agree li {
  padding: 4px !important;
}

.agree dl {
  margin: 2px !important;
  padding: 2px !important;
}

.agree dt {
  margin: 0px !important;
  padding: 2px !important;
  color: #666666 !important;
}

.agree dd {
  margin: 0px !important;
  padding: 0px !important;
}

/*게시글*/
.next-post-list .list-left,
.prev-post-list .list-left {
  width: 100%
}

.prev-post-list,
.next-post-list {
  border-top: 1px solid #DCDCDC;
  border-bottom: 1px solid #DCDCDC;
  padding: 30px 55px 30px 55px;
  display: flex;
  justify-content: space-between;
}

.prev-post-list {
  border-bottom: none;
}

.next-post-list span,
.prev-post-list span {
  font-size: 18px;
  font-weight: bold;
  color: #000;
}

.next-post-list .next-post-date,
.prev-post-list .prev-post-date {
  font-size: 18px;
  font-weight: 400;
  color: #000;
}

.next-post-list a,
.prev-post-list a {
  font-size: 18px;
  font-weight: 400;
  color: #000;
  width: 75%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 50px;
}


@media screen and (max-width:1024px) {

  .prev-post-list,
  .next-post-list {
    padding: 20px;
  }

  .next-post-list span,
  .prev-post-list span {
    font-size: 16px;
  }

  .next-post-list a,
  .prev-post-list a {
    font-size: 16px;
    margin-left: 20px;
  }
}

/* history */
.num-text {
  display: flex;
  align-items: flex-start;
}

.num-text .num {
  font-weight: 700;
  width: 50px !important;
}

/* Facilities & Capabilities */
@media screen and (max-width: 1023px) {
  .pc-br {
    display: none;
  }
}

@media screen and (min-width:1440px) {
  .pc-br {
    display: none;
  }
}

@media screen and (min-width: 1024px) {
  .capability-box .elementor-column.elementor-col-25 {
    width: 33.3333%
  }

  .capability-box .elementor-widget-icon-list {
    height: 136px !important
  }
}

/* Heat Exchanger */
.type-sticky {
  position: sticky;
  top: 110px;
  align-self: flex-start;
  z-index: 5;
}

@media (max-width: 1023px) {
  .type-sticky {
    position: static;
    top: auto;
  }
}

.type-sticky .elementor-widget-button .elementor-button {
  width: 100%
}


/* download */
.fa-arrow-alt-circle-down::before {
  font-family: 'Font Awesome 5 Free' !important;
}

.catalog-download input,
.catalog-download select {
  font-size: 15px !important;
}

.catalog-download .w3eden .card {
  background-color: #FFFFFF !important;
  border-color: #ced4da !important;
}

.catalog-download .w3eden .form-control {
  background-color: #FFFFFF !important;
  border-color: #ced4da !important;
}

.catalog-download button {
  font-size: 15px !important;
  letter-spacing: inherit !important;
  text-transform: none !important;
}

.catalog-download .media-heading a {
  pointer-events: none !important;
  color: #444444 !important;
}

.catalog-download .w3eden .btn-info {
  background-color: #e7030d !important;
  box-shadow: none !important;
  border-radius: unset !important;
}

.catalog-download .w3eden .btn-info:hover {
  background-color: #444444 !important;
  box-shadow: none !important;
}

.catalog-download .wpdm-download-link.download-on-click.btn.btn-primary {
  background-color: #444444 !important;
  box-shadow: none !important;
  border-radius: unset !important;
}

.catalog-download .wpdm-download-link.download-on-click.btn.btn-primary:hover {
  background-color: #e7030d !important;
  box-shadow: none !important;
}

.catalog-download .w3eden .row {
  align-items: center !important;
}

.catalog-download .card panel .panel-default .wpdm-shortcode-toolbar {
  background-color: #FFFFFF !important;
}

.catalog-download .media-body {
  color: #666666 !important;
}

@media screen and (max-width: 767px) {
  .catalog-download .w3eden .media {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: start !important;
    align-items: stretch !important;
    flex-direction: column !important;
  }

  .catalog-download .w3eden .media-body {
    margin: 20px 0px;
  }
}

.premium-blog-wrap.premium-blog-even.slick-initialized.slick-slider .carousel-arrow {
  z-index: 1 !important;
}

.premium-blog-inner-container {
  height: 60px !important;
  justify-content: center !important;
}

.premium-blog-post-content {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  width: 100% !important;
}

.premium-blog-post-tags-container a,
a.premium-tcloud-term-link,
.page-numbers.dots {
  pointer-events: none !important;
}

.post-date div {
  width: 100%;
  text-align: center;
  margin-top: 10px;
}

.contact-get-a-quote .wpcf7-form p {
  width: 49% !important;
  display: block !important;
}

.contact-get-a-quote .wpcf7-form p:nth-child(8),
.wpcf7-form p:nth-child(9),
.wpcf7-form p:nth-child(10),
.wpcf7-form p:nth-child(11) {
  width: 100% !important;
  display: block !important;
}

.contact-get-a-quote form.wpcf7-form.init,
form.wpcf7-form.sent,
form.wpcf7-form.invalid {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
}

.contact-get-a-quote .wpcf7-form-control.wpcf7-submit.has-spinner {
  background-color: #444 !important;
  margin: 0 auto !important;
  display: block !important;
}

.contact-get-a-quote .wpcf7-form-control.wpcf7-submit.has-spinner:hover {
  background-color: #e7030d !important;
}

@media screen and (max-width: 767px) {
  .contact-get-a-quote .wpcf7-form p {
    width: 100% !important;
    display: block !important;
  }
}

.contact-get-a-quote .wpcf7 form.sent,
.wpcf7-response-output {
  width: 100% !important;
  text-align: center !important;
  font-size: 1.2em !important;
  font-weight: bold !important;
  border-color: #e7030d !important;
}

.wpcf7-form-control.wpcf7-intl_tel.wpcf7-intl-tel {
  min-width: 341px !important;
}

/* table */
.tg {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0px auto;
}

.tg td {
  border-color: black;
  border-style: solid;
  border-width: 1px;
  overflow: hidden;
  padding: 10px 5px;
  word-break: normal;
}

.tg th {
  border-color: black;
  border-style: solid;
  border-width: 1px;
  font-weight: normal;
  overflow: hidden;
  padding: 10px 5px;
  word-break: normal;
}

.tg .tg-29d7 {
  background-color: #444444;
  border-color: #9b9b9b;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  vertical-align: middle
}

.tg .tg-6k0d {
  border-color: #9b9b9b;
  text-align: center;
  vertical-align: middle
}

.tg .tg-w9cz {
  background-color: #efefef;
  border-color: #9b9b9b;
  text-align: center;
  vertical-align: middle
}

@media screen and (max-width: 767px) {
  .tg {
    width: auto !important;
  }

  .tg col {
    width: auto !important;
  }

  .tg-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: auto 0px;
  }
}

@media (min-width: 1440px){
div.table-container table.info-table{
	font-size:18px;
	}	
}


/* news */
@media (max-width: 1023px) {
  .atx-updates_blog-list .premium-blog-post-container {
    flex-direction: column !important
  }

  .atx-updates_blog-list .premium-blog-thumbnail-container img {
    object-position: top center;
  }

  .atx-updates_blog-list .premium-blog-thumb-effect-wrapper {
    margin-bottom: 15px
  }
}

/* === custom css added === */

/* ===== Engineering Division 하위 페이지 ===== */

.img-box-padding .elementor-image-box-content {
  padding: 32px
}

.img-box-padding .elementor-image-box-content h3 {
  margin-bottom: 10px !important;
}

.img-box-padding ul {
  margin: 0px 0px 0px 20px !important
}

@media (min-width:1024px) {
  .img-box-padding .elementor-image-box-content {
    height: 256px !important
  }
}

@media (max-width:768px) {
  .img-box-padding .elementor-image-box-content {
    padding: 24px;
  }
}

/* ===== R&D Projects ===== */

/* -logo slider- */
.rnd-project_logo-slider .swiper-wrapper {
  transition-timing-function: linear !important;
}

/* ===== Titanium Foil ===== */

/* -Product Specifications- */

.titanuim-foil_product-specifications_box-container .block-title {
  height: 80px !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

.titanuim-foil_product-specifications_box-container .list-box {
  height: calc(100% - 80px);
}

/* Applications */

.titanuim-foil_applications_box-container .image-box .elementor-image-box-img img {
  margin: 0 !important;
  width: 100%;
}

.titanuim-foil_applications_box-container .image-box .elementor-image-box-content h3.elementor-image-box-title {
  text-align: left !important;
}

.titanuim-foil_applications_box-container .image-box .elementor-image-box-content {
  padding: 10px;
  padding-bottom: 2em;
}

@media (min-width:1439px) {
  .titanuim-foil_applications_box-container .image-box .elementor-image-box-content {
    padding-left: 32px;
  }
}

/* ===== Production & Facilities ===== */
.production-facilities--card-container>.elementor-container {
  flex-wrap: wrap;
  gap: 10px;

}

.production-facilities--card-container>.elementor-container .card {
  flex: 1 1 calc(33.333% - 10px);
  /* PC: 3열 */
}

.production-facilities--card-container .card>.elementor-widget-wrap {
  flex-direction: column;
}

.production-facilities--card-container .card .card-head {
  height: 132px;
}


.production-facilities--card-container .card .card-head~.elementor-element:last-child {
  flex-grow: 1;
}

/* 태블릿 */
@media (max-width: 1023px) {
  .production-facilities--card-container>.elementor-container .card {
    flex: 1 1 calc(50% - 10px);
    /* 2열 */
  }
}

/* 모바일 */
@media (max-width: 767px) {
  .production-facilities--card-container>.elementor-container .card {
    flex: 1 1 100%;
    /* 1열 */
  }
  .production-facilities--card-container .card .card-head {
    height: 102px;
  }
}

/* 폰트클래스 */
.tg-wrap .tg th {
	font-family: var(--e-global-typography-52b3f38-font-family), Sans-serif !important;
    font-size: var(--e-global-typography-52b3f38-font-size) !important;
    font-weight: var(--e-global-typography-52b3f38-font-weight) !important;
    color: #ffffff !important;
}
.tg-wrap .tg td {
	font-family: var(--e-global-typography-84fbc5e-font-family), Sans-serif !important;
    font-size: var(--e-global-typography-84fbc5e-font-size) !important;
    font-weight: var(--e-global-typography-84fbc5e-font-weight) !important;
    color: var(--e-global-color-afa08f4) !important;
}

.wpcf7-form, .wpcf7-form input, .wpcf7-form select, .wpcf7-form textarea {
	font-size: 18px !important;
}