/*
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
*/

/* Parent stylesheet should be loaded from functions.php not using @import */
html * {
    outline: none;
    word-break: keep-all !important;
    -webkit-text-size-adjust: none;
}
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}

@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 .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;
}

.wpcf7-form p {
    width: 49% !important;
    display: block !important;
}
.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;
}

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;
}
.wpcf7-form-control.wpcf7-submit.has-spinner {
  background-color: #444 !important;
  margin: 0 auto !important;
  display: block !important;
}
.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
  background-color: #e7030d !important;
}
@media screen and (max-width: 767px) {
	.wpcf7-form p {
		width: 100% !important;
		display: block !important;
	}
}
.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;
}
/* 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;
	}
}

/* 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;
	}
}