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


p{word-break:keep-all;}
.p-no-margin p{margin-bottom:0 !important;}
.mb-10{margin-bottom:10px !important;}


/*============헤더================*/

/* 1뎁스 메뉴 전체*/
.main-nav .hfe-nav-menu {display: flex; width: 100%;}

/* 1뎁스 메뉴 동일한 너비 */
.main-nav .hfe-nav-menu > li {flex: 1 1 0; min-width: 0; position: relative; border-right:1px solid #fff;}


/*1뎁스 메뉴 가운데 정렬 */

/* 서브메뉴가 있는 메뉴 */
.main-nav .hfe-nav-menu > li > .hfe-has-submenu-container {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}

/* 일반 메뉴 + 서브메뉴 있는 메뉴 */
.main-nav .hfe-nav-menu > li > a.hfe-menu-item,
.main-nav .hfe-nav-menu > li > .hfe-has-submenu-container > a.hfe-menu-item {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; box-sizing: border-box;}


/*1뎁스 화살표만 제거*/
.main-nav .hfe-nav-menu > li > .hfe-has-submenu-container > a.hfe-menu-item > .hfe-menu-toggle {display: none !important;}


/* 2뎁스 드롭다운 상위 메뉴와 동일한 너비 */
.main-nav .hfe-nav-menu > li > ul.sub-menu { width: 100% !important; min-width: 100% !important; max-width: 100% !important; left: 0 !important; right: auto !important; box-sizing: border-box;}

/* 2뎁스 LI */
.main-nav .hfe-nav-menu > li > ul.sub-menu > li {width: 100%; box-sizing: border-box;}

/* 2뎁스 링크 */
.main-nav .hfe-nav-menu > li > ul.sub-menu > li > a.hfe-sub-menu-item { width: 100%; box-sizing: border-box;}

/* 2뎁스 중 하위메뉴가 있는 경우 */
.main-nav .hfe-nav-menu > li > ul.sub-menu > li > .hfe-has-submenu-container { width: 100%; box-sizing: border-box;}

.mo-nav{display: flex; justify-content: end; align-items: center; margin-bottom: 0;}
.mo-nav .hfe-nav-menu-icon{padding:0 !important;}

/*언어버튼*/
.lang-btn{min-width:102px !important;}
.main-nav .lang-item{display:none;}
.lang-item a{justify-content:start !important;}


/*dot 타이틀 스타일*/
.dot .elementor-heading-title{position: relative; padding-left:20px;}

.dot .elementor-heading-title:before {
    display: block;
    content: '';
    clear: both;
    position: absolute;
    top: 6px;
    left: 0;
    width: 13px;
    height: 13px;
    border: 4px solid #093589;
    border-radius: 50%;
}


/*사이드 바*/
/* 기본 */
nav.bellows {
    box-shadow:none !important;
    margin:0 !important;
}
nav.bellows .bellows-menu-item > .bellows-target {
    background: #fff !important;
    color: #000 !important;
    border-bottom:1px solid #ddd !important;
    padding:16px 20px !important;
    font-size: var(--e-global-typography-d9e12c1-font-size);
}

nav.bellows .bellows-menu-item > .bellows-target .bellows-target-text {
    color: inherit !important;
}

.bellows-subtoggle{background:none !important;}
.bellows-submenu a{font-size:14px !important;}
nav.bellows .bellows-submenu .bellows-menu-item > .bellows-target{background:#eff6fa !important;}

/* Hover + 현재 페이지 */
nav.bellows .bellows-menu-item > .bellows-target:hover,
nav.bellows .bellows-current-menu-item > .bellows-target,
nav.bellows .bellows-current_page_item > .bellows-target {
    background: #1d8dcd !important;
    color: #fff !important;
}
nav.bellows .bellows-submenu .bellows-menu-item > .bellows-target:hover,
nav.bellows .bellows-submenu .bellows-current-menu-item > .bellows-target,
nav.bellows .bellows-submenu .bellows-current_page_item > .bellows-target {
	background: #1d8dcd !important;
    color: #fff !important;
}

.bellows-menu-toggle{width: 100% !important; background: #014598 !important;}



@media screen and (max-width:1024px){
.bellows-menu-toggle{display: block !important;}
.bellows.bellows-mobile-collapse{display: none;}
}

/*인덱스*/
.index-wrap .elementor-widget-wrap{display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px;}
.index-wrap .tme-banner-content{text-align:center; word-break: keep-all;}
.index-wrap .tme-banner-heading{text-align:center;}
@media screen and (max-width:767px){
	.index-wrap .elementor-widget-wrap{grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media screen and (max-width:430px){
	.index-wrap .elementor-widget-wrap{grid-template-columns: repeat(1, minmax(0, 1fr));}
}
.index-wrap.en .tme-banner-wrapper{min-height:200px;}

/*서브네비*/
.sub-top-nav .hfe-nav-menu__layout-horizontal > .hfe-nav-menu { display: flex; width: 100%; border: 1px solid #ddd;}
.sub-top-nav .hfe-nav-menu__layout-horizontal > .hfe-nav-menu > li { flex: 1 1 0; min-width: 0; border-right: 1px solid #ddd;}
.sub-top-nav .hfe-nav-menu__layout-horizontal > .hfe-nav-menu > li:last-child {border-right: 0;}
.sub-top-nav .hfe-nav-menu__layout-horizontal > .hfe-nav-menu > li > a {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; text-align:center;}