.elementor-15749 .elementor-element.elementor-element-8f70cc4{--display:flex;--min-height:80px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:020px;--padding-right:020px;}.elementor-15749 .elementor-element.elementor-element-8f70cc4:not(.elementor-motion-effects-element-type-background), .elementor-15749 .elementor-element.elementor-element-8f70cc4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-f787be5 );}.elementor-15749 .elementor-element.elementor-element-8f70cc4.e-con{--align-self:center;}.elementor-15749 .elementor-element.elementor-element-7ecd478{width:var( --container-widget-width, 20% );max-width:20%;--container-widget-width:20%;--container-widget-flex-grow:0;}.elementor-15749 .elementor-element.elementor-element-7ecd478 .wgl-logotype-container,
                     .elementor-15749 .elementor-element.elementor-element-7ecd478{text-align:left;justify-content:lex-start;}.elementor-15749 .elementor-element.elementor-element-8c0c6e7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-15749 .elementor-element.elementor-element-8c0c6e7.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-15749 .elementor-element.elementor-element-8c0c6e7{display:inline-flex;width:auto;flex-grow:1;justify-content:center;}.elementor-15749 .elementor-element.elementor-element-8c0c6e7 .primary-nav{height:56px;}.elementor-15749 .elementor-element.elementor-element-8c0c6e7 .primary-nav > ul > li > a{margin:0px 0px 0px 0px;}.elementor-15749 .elementor-element.elementor-element-8c0c6e7 .primary-nav > ul > li{border-style:none;}.elementor-15749 .elementor-element.elementor-element-83dc5ab{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:0px 8px;--row-gap:0px;--column-gap:8px;}.elementor-15749 .elementor-element.elementor-element-181c857 > .elementor-widget-container{padding:8px 8px 8px 8px;}.elementor-15749 .elementor-element.elementor-element-181c857 .wgl-search{justify-content:center;}@media(min-width:768px){.elementor-15749 .elementor-element.elementor-element-8f70cc4{--content-width:1200px;}.elementor-15749 .elementor-element.elementor-element-83dc5ab{--width:20%;}}/* Start custom CSS for html, class: .elementor-element-c6649fb *//* 🌐 트리거 아이콘 */
.lang-popup-trigger img {
  width: 24px;
  height: 24px;
  display: block;
  object-fit: contain;
  padding: 0;
  margin: 8px;
  border: none;
  transition: filter 0.2s ease;
}

/* 팝업 오버레이 */
.lang-popup-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 99999;
  justify-content: center;
  align-items: center;
}
.lang-popup-overlay.active {
  display: flex;
}

/* 팝업 컨테이너 */
.lang-popup {
  background: white;
  border-radius: 12px;
  padding: 24px;
  width: 90%;
  max-width: 700px;
  max-height: 80vh;
  overflow-y: auto;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}

/* 팝업 헤더 */
.lang-popup-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #eee;
  margin-bottom: 16px;
}
.lang-popup-header h2 {
  font-size: 20px;
  margin: 0;
}
.lang-close-btn {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  margin: 0;
}
.lang-close-btn img {
  width: 24px;
  height: 24px;
  display: block;
}

/* 언어 리스트 */
.lang-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3열 고정 */
  gap: 12px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.lang-grid li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
  background-color: white;
  transition: background 0.2s;
}

.lang-grid li:hover {
  background-color: #f9f9f9;
}

.lang-flag {
  width: 20px;
  height: 20px;
  object-fit: cover;
  border-radius: 50%;
  border: 1px solid #ccc;
}/* End custom CSS */