.header:not(.prefrencepage .header) { line-height: 1.5; position: absolute; width: 100%; top: 0; left: 0;transition: background .15s ease,transform .5s ease;    z-index: 99;  }
.header a { display: inline-block; }
.header ul{ padding-left:0; margin:0;}
.header .logo { width: 64px; }
.header .right-part { width: calc(100% - 64px); padding-left: 67px; }
.header .common-cta{ margin:0;}
.header .right-part > .dis-flex { justify-content: space-between; }
.header .contact-part{ font-size:14px; }
.header .contact-part li{ padding: 0 23px; }
.header .contact-part li:last-child{ padding-right:0;}
.header .contact-part i.fa { font-size: 12px; margin-right: 9px; }
.header .contact-part .ds { display: inline-flex; align-items: center; }

.header li.depth1 { padding: 52px 23px; }
.header li.depth1 > a { position: relative; }
.header .left-mega-menu { width: 59.3%; padding: 34px 0 4px; font-size: 14px; }
.header .right-mega-menu { width: 40.7%; text-align: center; padding: 32px 0px 32px 32px; position: relative; z-index: 1;color: #0A2240; }
.header .right-mega-menu:before { position: absolute; content: ""; background: #DFEEFF; height: 100%; width: 100vw; top: 0; left: 0; z-index: -1; }
.header .right-mega-menu .inner-wrapper { max-width: 302px; margin: 0 auto; }
.header .right-mega-menu .img { margin-bottom: 10px; }
.header .right-mega-menu h3 { margin-bottom: 12px; color: inherit; }
.header .right-mega-menu .detail-content{ font-size:12px; }
.header .right-mega-menu .common-cta{ margin-top:24px;}
.header .right-mega-menu .common-cta a { font-size: 12px; padding: 6px 20px; min-width: 144px; }
.header .right-mega-menu .common-cta a:not(:hover){ background: #fff;}

.header .left-mega-menu li.depth2 { width: 50%; padding-right: 55px; margin-bottom: 40px; }
.header .left-mega-menu li.depth2 > a.dis-flex { display: flex; }
.header .icon-left { width: 24px; }
.header .content-right { width: calc(100% - 24px); padding-left: 8px; }
.header .content-right strong { display: block; font-weight: 600; margin-bottom: 12px; }
.header .content-right small { font-size: 12px; color: #999999; }


@media(min-width:1025px){
  .header:not(.prefrencepage .header){position:fixed;    transform: translateY(0%);}
  .header .child-toggle { display: none; }
  .header.hover { background:#fff;} 
  .header li.depth1 > a:before { position: absolute; content: "";transition: opacity .5s ease; opacity:0; height: 4px; width: 4px; border-radius: 50%; bottom: -4px; left: 0; right: 0; margin: 0 auto; background: #218aff; }
  .header .menu-left ul li.depth1 a.active:before,.header li.depth1 > a:hover:before,.header li.depth1.child-items:hover > a:before{opacity:1; }
  .header li.depth1.child-items:hover > a{color:#218aff; }
  .header .mega-menu{ position: absolute; left: 0; right: 0; top: 100%; margin: auto; background: #fff; box-shadow: 0px -4px 16px rgb(0 21 45 / 4%), 0px 36px 60px rgb(0 21 45 / 16%);    overflow: hidden; }
  .header .hover-class { display: none!important; }
  .header li.depth1:hover .hover-class,.header .right-part { display: block !important; }
  .header li.depth1.dm { position: relative; }
  .header ul.default-menu { position: absolute; left: 10px; top: 100%; background: #fff; padding: 25px 20px; font-size: 14px; min-width: 250px; box-shadow: 0px -4px 16px rgb(0 21 45 / 4%), 0px 36px 60px rgb(0 21 45 / 16%); }
  .header ul.default-menu li:not(:last-child) { margin-bottom: 15px; }
  .header .menu-left ul li a.active,.header .menu-left ul li.active > a { color:#218aff }
  .header.bg-header { background: #ffff; box-shadow: 0px 4px 60px 0px rgba(0, 21, 45, 0.12); }
  .header.small-header {    transform: translateY(-110%) !important; }
  .header.bg-header li.depth1 { padding:32px 23px; }
}


@media(max-width:1366px){
  .header .container > .dis-flex { padding: 0 10px; }
  .header .left-mega-menu li.depth2 { padding-right: 30px; margin-bottom: 30px; }
  .header .left-mega-menu {padding: 30px 0 0; }
  .header .right-mega-menu { padding: 30px 0px 30px 30px; }
  .header .right-part { padding-left: 20px; }
}

@media(max-width:1280px){
  .header .contact-part li { padding: 0 15px; }
  .header li.depth1 { padding: 52px 15px; }
  .header .right-part { padding-left: 35px; }
  .header ul.default-menu{ left:0 !important; }
}


@media(max-width:1024px){
  .header:not(.prefrencepage .header) {  padding: 34px 0; transition: background 0s ease; transition-delay: .3s; }
  .mobile-open .header { background: #fff; transition-delay: .0s; }
  .header .container > .dis-flex { justify-content: space-between; }
  .header .right-part { padding-left: 0; width: 100%; position: absolute; top: 100%; left: 0; background: #fff; padding: 20px 30px 30px; display:none;box-shadow: 0px -4px 16px rgb(0 21 45 / 4%), 0px 36px 60px rgb(0 21 45 / 16%);}
  .header .menu-left { width: 100%; }
  .header li.depth1 { padding: 15px 0px; width: 100%;    position: relative; }
  .header .hover-class { display: none; }
  .header .contact-part { font-size: inherit; width: 100%; }
  .header .contact-part li { padding: 15px 0; width: 100%; }
  .header .contact-part i.fa { font-size: inherit;}

  .header .mobile-toggle { display: inline-block; cursor: pointer; position: relative; width: 40px; height: 30px; z-index: 12;  }
  .header .mobile-toggle .line {display: block;background:#218aff;width: 40px;height:5px;position:absolute;left: 0;border-radius: 4px;}
  .header .mobile-toggle .line.line-1 { top: 0; }
  .header .mobile-toggle .line.line-2 { top: 50%; transform: translateY(-50%); }
  .header .mobile-toggle .line.line-3 { bottom: 0; }
  .header .mobile-toggle.active-re .line-1 { transform: translateY(14px) rotate( 45deg ); }
  .header .mobile-toggle.active-re .line-2 { opacity: 0; }
  .header .mobile-toggle.active-re .line-3 { transform: translateY(-11px) rotate( -45deg ); }
  .header .child-toggle { cursor: pointer; transition: transform .5s ease; position: absolute; right: 0; font-size: 27px; top: 7px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; }
  .header .child-toggle.child-open { transform: rotate( 180deg ); }
  .header .right-mega-menu { display: none; }
  .header .left-mega-menu {  width: 100%; }
  .header .left-mega-menu li.depth2 { padding-right: 0; margin-bottom: 25px; width: 100%; }
  .header .mega-menu .container{padding: 0;}
  .header .content-right strong { margin-bottom: 5px; font-weight: 400; }
  .header .left-mega-menu li.depth2:last-child,.header .default-menu li.depth2:last-child{ margin-bottom:0;}
  .header ul.default-menu { padding: 30px 10px 0; }
  .header .default-menu li.depth2 { font-size: 14px; margin-bottom: 25px; }
}