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

.header-center .hfe-has-submenu-container i {
    display: none;
}


*{word-break:keep-all !important;}
.p-no-margin p{margin-bottom:0 !important;}
.breadcrumb-style{text-align:center;}
.breadcrumb-style span{ color:#fff;}
.breadcrumb-style a{ color:#fff;}
.breadcrumb-arrow{margin-bottom:3px;}


.main-slide-sec,
.subpage-top{margin-top:-70px !important;}

/* 유틸리티 클래스 */

/* 기본: 모두 숨김 */
br.mobile,
br.tablet,
br.pc {
  display: none;
}

/* Mobile (~767px) */
@media (max-width: 767px) {
  br.mobile {
    display: block; /* 또는 inline, br 특성상 block 권장 */
  }
}

/* Tablet (768px ~ 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
  br.tablet {
    display: block;
  }
}

/* PC (1025px~) */
@media (min-width: 1025px) {
  br.pc {
    display: block;
  }
}



/*헤더*/
.white-logo img{width:140px;}
.color-logo{display:none; margin-bottom:0 !important;}
.header-logo img{filter:brightness(0) invert(1);}

.lang-nav ul.sub-menu{min-width:65px !important; top: 130%!important; left: -16px!important;}
.lang-nav a.hfe-sub-menu-item{padding: 10px ! IMPORTANT; justify-content: center;}

.lang-nav .hfe-has-submenu-container > a.hfe-menu-item img,
.lang-nav .hfe-has-submenu-container > a.hfe-menu-item span{display:none !important;}
.lang-nav .hfe-has-submenu-container > a.hfe-menu-item:before{content:''; width:28px!important; height:28px!important; background:url('/wp-content/uploads/2026/07/lang-btn-icon.png') no-repeat center center; opacity:1 !important;}

/*===헤더반응형 깨짐방지===*/
.header-center > .elementor-widget-wrap > .elementor-element{display:flex; justify-content:center;}
.heder-right  .lang-nav .elementor-widget-container{display:flex; justify-content:end;}
.header-center nav{min-width:760px;}
.header-center nav ul{flex-wrap:nowrap !important;}
@media screen and (max-width:1024px){
.header-center > .elementor-widget-wrap > .elementor-element{display:flex; justify-content:end;}
}

/*영문숨김*/
.lang-nav #menu-item-2639-en{display:none !important;}

/*스크롤시*/
.she-header .white-logo{display:none;}
.she-header .color-logo{display:block;}
.she-header .header-logo img{filter:unset;}
.she-header{background-color:#fff !important; border-bottom:1px solid #dddddd;}
.she-header .lang-nav a.hfe-menu-item:before{filter:brightness(0);}
.she-header a.hfe-menu-item{color:#000 !Important;}
.she-header .mo-nav .hfe-nav-menu-icon svg{fill:#000 !important;}

/*마우스오버시*/
.she-header-yes.hover  .white-logo{display:none;}
.she-header-yes.hover  .color-logo{display:block;}
.she-header-yes.hover  .header-logo img{filter:unset;}
.she-header-yes.hover {background-color:#fff !important; }
.she-header-yes.hover  .lang-nav a.hfe-menu-item:before{filter:brightness(0);}
.she-header-yes.hover  a.hfe-menu-item{color:#000 !Important;}
.she-header-yes.hover  .mo-nav .hfe-nav-menu-icon svg{fill:#000 !important;}



/*메인페이지*/
.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px !important;}
.add-gap .elementor-container.elementor-column-gap-custom{gap:24px;}
.grid-3 .elementor-column{max-width:calc((100% - 48px) / 3) !important; }
.grid-5 .elementor-widget-wrap.elementor-element-populated{gap:15px;}
.grid-5 .elementor-widget-image-box{width:calc((100% - 60px) / 5) !important;}
@media screen and (max-width:1024px){
	.grid-5 .elementor-widget-image-box{width:calc((100% - 30px) / 3) !important; max-width:calc((100% - 30px) / 3) !important;}
}
@media screen and (max-width:767px){
	.grid-3 .elementor-column{max-width:100% !important; }
}
@media screen and (max-width:500px){
	.grid-5 .elementor-widget-image-box{width:calc((100% - 15px) / 2) !important; max-width:calc((100% - 15px) / 2) !important;}
}

.elementor-accordion-item{border-radius:16px; overflow:hidden;}
.elementor-accordion-item + .elementor-accordion-item{margin-top:20px; }
.elementor-accordion-item p{margin-bottom:0; }

.arrow-icon p{position:relative;}
.arrow-icon p:after{content:""; width:9px; height:15px; background:url('/wp-content/uploads/2026/07/arrow-icon.png') no-repeat center center; position:absolute; top:56%; right:-25px; transform:translateY(-50%);}

.main-faq .e-font-icon-svg{margin-top:5px;}



/*서브페이지네비*/
.hfe-pointer__double-line .menu-item.parent a.hfe-menu-item:before, .hfe-pointer__double-line .menu-item.parent a.hfe-menu-item:after, .hfe-pointer__underline .menu-item.parent a.hfe-menu-item:before, .hfe-pointer__underline .menu-item.parent a.hfe-menu-item:after, .hfe-pointer__overline .menu-item.parent a.hfe-menu-item:before, .hfe-pointer__overline .menu-item.parent a.hfe-menu-item:after {
    height:2px;
}

/*인사말*/
.underline{position:relative;}
.underline:after{content:""; width: 100%; height: 10px;  background: linear-gradient(90deg, #4291FF 0%, #5EDB7B 100%);  border-radius: 0px; position:absolute; left:0; bottom:2px; z-index:-1;}
.bg-z-index{z-index:-2;}

/*인증&*/
.out-margin .premium-gallery-container{margin-left:-10px; margin-right:-10px;}

/*솔루션*/
.solution-icon-box .elementor-icon-box-icon{display:flex; justify-content:end;}


/*제어기 및 시험기 */
#TAB01 .e-tab-base.e--selected{background-color:#0F3284;}
#TAB01 .e-tab-base.e--selected h3{color:#fff;} 
#TAB01 .tab01-cont>div {
flex: 0 0 calc((100% - 64px) / 3); 
  box-sizing: border-box;}
/* Tablet 1023px 이하 */
@media screen and (max-width: 1023px) {
#TAB01 .tab01-cont>div {
flex: 0 0 calc((100% - 64px) / 2); 
  box-sizing: border-box;}
}
/* 모바일: 767px 이하 */
@media (max-width: 767px) {
#TAB01 .tab01-cont>div {
flex: 0 0 100%; 
  box-sizing: border-box;}
}

/*뉴스*/
.news-list .premium-blog-entry-meta{margin-bottom:5px;}
.news-list .premium-blog-entry-meta i{display:none;}
.news-list .premium-blog-entry-meta i:before{display:none;}
.news-list .premium-blog-content-inner-wrapper{display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4;} 

/*문의하기*/
.inquiry-form .ff-el-group:not(.ff_submit_btn_wrapper){margin-bottom: 0px !important; border-bottom: 1px solid #E6E6E6; display:flex;}
.inquiry-form .ff_submit_btn_wrapper{margin-bottom: 0px !important; margin-top:20px;}
.inquiry-form .ff-el-input--label{padding: 0 !important; display: flex; align-items: center; background: #F1F1F5; padding-left:30px !important; width:240px !important;}
.inquiry-form .ff-el-input--content{width: 100%; padding: 20px; margin-left:0 !important; border-right:1px solid #E6E6E6;}
@media screen and (max-width:767px){
	.inquiry-form .ff-el-input--label{padding-left:10px !important;}
}