a,
article,
aside,
audio,
blockquote,
body,
canvas,
code,
details,
div,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
iframe,
img,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
ruby,
section,
span,
strong,
summary,
table,
td,
th,
time,
tr,
ul,
video {
    font-weight:normal;
}
/* 헤더 내부 우측 영역 정렬 및 배치 최적화 */

/* 헤더 네비게이션을 Flexbox로 설정하여 우측으로 밀어내기 */
.navbar-collapse {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

/* 메뉴 목록은 왼쪽에 위치 */
.navbar-nav {
    display: flex !important;
    align-items: center !important;
}

/* 언어 선택과 햄버거 메뉴가 들어있는 영역을 맨 오른쪽으로 강제 이동 */
.header-right {
    display: flex !important;
    align-items: center !important;
    margin-left: auto !important; /* 남은 공간을 밀어내어 오른쪽 끝에 배치 */
}
.lang-switch {
    display: flex;
    align-items: center;
    margin-right: 15px;
}

.lang-switch .lang-btn {
    margin: 0 3px;
}

.lang-switch .lang-icon {
    margin-right: 5px;
}

/* 모바일 전용 우측 영역 기본 숨김 (미디어쿼리를 통해 제어) */
.mobile-header-right {
    display: none;
}


/* 1. 기본 공통 레이아웃 설정 (데스크탑 기준) */
@media (min-width: 992px) {
    .navbar.navbar-expand-lg {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
    }
    
    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
    }

    /* 2. 메뉴 목록 영역 */
    .navbar-expand-lg .navbar-nav {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        margin-bottom: 0 !important;
    }

    /* 3. 우측 언어 선택 영역을 오른쪽 끝으로 밀어내기 */
    .navbar-expand-lg .header-right {
        position: static !important;
        display: flex !important;
        align-items: center !important;
        margin-left: auto !important; /* 핵심: 남은 공간을 밀어내어 맨 우측으로 배치 */
        float: none !important;
    }

    .mobile-header-right {
        display: none !important;
    }
}

/* 언어 스위치 버튼 간격 세팅 */
.lang-switch {
    display: flex !important;
    align-items: center !important;
    margin-right: 15px !important;
}

.lang-switch .lang-btn {
    margin: 0 3px !important;
}

.lang-switch .lang-icon {
    margin-right: 5px !important;
}

/* 2. 모바일 화면 대응 (< 991px) */
@media (max-width: 991px) {
    .header-right {
        display: none !important; /* 데스크탑 전용 메뉴 숨김 */
    }
    
    .mobile-header-right {
        display: flex !important;
        align-items: center !important;
        margin-left: auto !important;
    }
    
    .mobile-lang-wrap {
        position: relative;
        display: inline-block;
        margin-right: 10px;
    }
    
    .mobile-lang-dropdown {
        display: none;
        position: absolute;
        right: 0;
        background: #fff;
        box-shadow: 0 2px 5px rgba(0,0,0,0.2);
        padding: 5px 10px;
        z-index: 100;
    }
    
    .mobile-lang-wrap.active .mobile-lang-dropdown {
        display: block;
    }
}


.partner-body {
    background: url(../images/partner1-bg.png);
    background-position: right;
    background-repeat: no-repeat;
    padding-bottom: 300px;
}

.partner-body .finance-body-title {
    text-align: center;
    margin-bottom: 100px;
}

.partner-body .img_word {
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 50px;
}

.partner-body .img_word a {
    color: #000;
    text-decoration: none;
    display: inline-block;
    padding: 10px 15px;
    margin: 5px 0;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    font-weight: bold;
    cursor: pointer;
}


.partner-body .img_word img {
    width: 100%;
}
/*
.col-md-9 h3 {
    font-weight: bold !important;
}
*/
.col-md-9 h4 {
    color: #005f84;
    font-weight: bold !important;
}

/*.finance-body-title h3 {
    color: #005f84;
    font-weight: bold !important;
}*/

.partner5-body-item {
    padding: 20% 10%;
}

.partner5-body-item span {
    display: block;
    margin-bottom: 5px;
}

.contactus-bg {
    background: url(../images/contactus-01.jpg);
    text-align: center;
    padding-top: 80px;
    background-repeat: no-repeat;
    background-position: center;
}

.contactus-bg p {
    font-weight: bold;
    margin-bottom: 10px;
}

.system-item {
	margin:20px;
    display: flex !important;
    justify-content: center !important;
}

.system-item .staff .system-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 5px solid #f0f5f8;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px;
    margin-bottom: 30px;
	margin-left: auto !important;
    margin-right: auto !important;
}

.system-item .staff .system-inner .title {
    text-align: center;
    margin-right: 0;
}

.system-item .staff .system-inner .title p {
    color: #000;
    font-size: 24px;
    font-weight: bold;
	padding-right:20px;
	padding-top:18px;
}

.system-item .staff .system-inner .title a {
    text-decoration: underline;
}

/*.system-item .staff:nth-child(even) .system-inner {
    float: left;
}

.system-item .staff:nth-child(odd) .system-inner {
    float: right;
}*/

.people-title {
	text-align:center;
/*background: #d6eaff;*/
}

.people-title .col-md-5 {
    line-height: 28px;
}

.people-title .people-title-back {
    background: url(../images/people01.jpg);
    padding-top: 25%;
    background-repeat: repeat;
    background-size: cover;
}

.join {
    line-height: 36px;
    text-align: center;
    width: 100%;
    background: #f1f1f1;
    color: #000;
    padding: 10px 20px;
    margin: 20px auto;
}

.join a{
    color: #000;
    background: #ffffff;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    padding: 10px;
    margin: 5px;
}

.error-page {
    text-align: center;
}

.error-page span {
    display: block;
    color: #0077c5;
    font-weight: bold;
}

.error-page span:nth-child(1) {
    font-size: 15rem;
}

.error-page span:nth-child(2) {
    font-size: 2rem;
}

.section3 .section3_title {
    color: #000;
    position: absolute;
    top: -18%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 36px;
    font-weight: bold;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#FFFFFF)";
    /*IE 8*/
    /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#FFFFFF);
    /*IE 5.5-7*/
}

.section3 .section3_detail {
    text-align:left;
    color: #000;
    position: absolute;
    top: -5%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 18px;
    font-weight: bold;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#FFFFFF)";
    /*IE 8*/
    text-shadow: 2px 2px 2px rgba(255, 255, 255, 0.8);
    /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#FFFFFF);
    /*IE 5.5-7*/
}

.right .company1-body-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.left .company1-body-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.fixed {
  position: fixed;
  top: 87px;
  right: 10px;
  z-index: 9999;
}

.fixed ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.fixed ul li {
  margin-bottom: 0;
}

.fixed ul li:last-child {
    margin-top: 20px;
}

.fixed ul li a {
  display: block;
  text-align: center;
  color: #fff;
  text-decoration: none;
  position: relative;
  z-index: 10000;
}

.fixed ul li a.cd-top {
    margin-top: 20px;
}

.fixed ul li a.cd-top-link {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    line-height: 1.3;
    margin-bottom: 8px;
    writing-mode: vertical-rl;
}

.fixed ul li a.cd-top-link.side_y {
  background-color: #d8942b !important;
   padding:20px 10px;
   border:1px solid #ab721a;
}

.fixed ul li a.cd-top-link.side_g {
  background-color: #83ad41 !important;
   padding:20px 10px;
   border:1px solid #719737;
}

.fixed ul li a.cd-top-link.side_ch {
  background-color: #613400 !important;
   padding:20px 10px;
   border:1px solid #4d2900;
}
.fixed ul li a.cd-top img {
    width: 48px;
    height: 48px;
    display: block;
}

.navbar-nav {
    display: flex;
    align-items: center;
}

/* 데스크탑/태블릿용 언어 스위치 및 우측 영역 */
.header-right {
    display: flex;
    align-items: center;
    margin-left: auto;
}

.lang-switch {
    display: flex;
    align-items: center;
    margin-right: 15px;
}

.lang-switch .lang-btn {
    margin: 0 3px;
}

.lang-switch .lang-icon {
    margin-right: 5px;
}

/* 모바일 전용 우측 영역 기본 숨김 (미디어쿼리를 통해 제어) */
.mobile-header-right {
    display: none;
}

/* 모바일 화면 대응 (< 991px) */
@media (max-width: 991px) {
    .header-right {
        display: none !important; /* 데스크탑 전용 메뉴 숨김 */
    }
    .mobile-header-right {
        display: flex !important;
        align-items: center;
        margin-left: auto;
    }
    .mobile-lang-wrap {
        position: relative;
        display: inline-block;
        margin-right: 10px;
    }
    .mobile-lang-dropdown {
        display: none;
        position: absolute;
        right: 0;
        background: #fff;
        box-shadow: 0 2px 5px rgba(0,0,0,0.2);
        padding: 5px 10px;
        z-index: 100;
    }
    /* 드롭다운 활성화 상태 (JS 연동용 클래스 혹은 토글 제어) */
    .mobile-lang-wrap.active .mobile-lang-dropdown {
        display: block;
    }
}

@media (min-width: 768px) {
  body {
    padding-left: 50px;
    padding-right: 50px;
  }

  .header,
  .main_list,
  .footer {
    margin-left: -50px;
    margin-right: -50px;
    width: calc(100% + 100px);
    max-width: none;
  }
}
.cup-body-item-text h3,
.section4-item-text h3,
.news-body-item-text-title{
  min-height: 45px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-weight:normal;
}
.cup-body-item-text p,
.section4-item-text p,
.news-body-item-text p{
  min-height: 66px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.news-body-item-text span{
    font-weight:normal;
}

#myModal .modal-body .modal_img a{
    width: 100%;
    padding: 15% 0 0 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-right: 4px solid #f3f3f3;
    border-left: 4px solid #f3f3f3;
}
.project-img .project-inner{
    display: block;
}
.project-img .project-inner img{
    margin: 30px 30px 0px 30px;
    width: 100%;
}

@media (min-width: 992px) {
    .system-item .staff .system-inner {
        width: 480px !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .system-item .staff .system-inner {
        width: auto !important;
    }
	.system-item .staff .system-inner .title p {
        font-size: 21px;
		padding-right:5px;
}
	.system-item .staff .system-inner img {
        width:80%;
}
}

@media (min-width: 1024px) {
    .system-item .staff .system-inner {
        width: auto !important;
		max-width: 480px;
    }
	.contactus-bg {
        margin-left:50px;
}
}

@media (max-width: 768px) {
    .project-img {background:none;}
    .project-img .project-inner img {
        margin: 20px auto;
    }
	.people-title {
	text-align:left;
	}
}

@media (max-width: 992px) {
	.system-item .staff .system-inner .title p {
        font-size: 21px;
		padding-right:5px;
}
	.system-item .staff .system-inner img {
        width:80%;
		margin-left: 15px;
}
}

.case-body-item {
  transform: scale(1);
}
@media (max-width: 768px) {
    .system-item {
       display: flex !important;
       justify-content: center !important;
    }

    .system-item .col-md-6 .system-inner .title {
        text-align: center;
        margin-right: 15px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .system-item .col-md-6 .system-inner .title p {
        color: #005f84;
        font-size: 24px;
        font-weight: bold;
    }

    .system-item .col-md-6 .system-inner .title a {
        text-decoration: underline;
        color: #000;
    }

    .system-item .col-md-6:nth-child(even) .system-inner {
        float: inherit;
    }

    .system-item .col-md-6:nth-child(odd) .system-inner {
        float: inherit;
    }

    .error-page {
        text-align: center;
    }

    .error-page span:nth-child(1) {
        font-size: 5rem;
    }

    .error-page span:nth-child(2) {
        font-size: 1rem;
    }

    .footer .d-md-none {
		padding-top:15px;
        background-color: #f1f1f1;
}

	.footer .d-md-none .col-3 {
		padding: 10px 0;
		text-align: center;
	}

	.footer .d-md-none .footer-link {
		color: #000;
		font-size: 14px;
		font-weight: 600;
	}

    .footer-body a{
        background-size: 20px;
		font-size:15px;
    }
    .footer-bottom {
		font-size: 14px;
		color: #495057;
		text-align: center;
    }

	.footer-menu {
		display: flex;
		justify-content: center;
}

	.footer-bottom-btn {
		margin: 0 10px;
	}

	.footer .d-md-none .col-3 {
		background-color: #f1f1f1;
		text-align: center;
		padding: 10px 0;
}

    .partner-body .img_word{
        background: #fff;
        padding-bottom: 10px;
    }
    .contactus-bg{
        padding: 50px 0 300px;
        margin-bottom: 30px;
    }

	 .contactus-bg img{
		 width:65%;
		 height:auto;
    }

    .finance .pdf_img img{
        width: inherit;
    }
    .people-title .people-title-back{
        display: none;
    }
    .finance .col-md-9 h3{
        text-align: center;
		padding-top: 20px;
    }
    .finance .col-md-9 p{
        line-height:28px;
		padding:0 10px;
    }
    .nav_mb_ul{
        display: none !important;
    }
    .offset-md-2.col-md-3 img{
        width: initial !important;
    }
}

@media (max-width: 767px) {
	.system-item {margin:0}
    .system-item .staff .system-inner {
         width: auto;
         margin-left: auto;
         margin-right: auto;
         display: flex;
         justify-content: center;
         align-items: center;
    }

    .system-item .staff {
        width: 100%;
        float: none;
    }
}


.main_page-left h3{
    font-weight: bold;
}


.section4-item-text a{
     white-space:nowrap;
     padding: 6px 10px;
}
.section4-item-text h3{
    font-size: 18px;
    font-weight: bold;
}
.section4-item-date {
    right: 60px;
    text-align: right;
}
/* 首頁 header：電腦版 logo 與主選單整組置中 */
/* @media (min-width: 992px) {
    .header .navbar {
        justify-content: center;
    }

    .header .navbar-brand {
        flex: 0 0 auto;
        margin-left: 0;
        margin-right: clamp(8px, 1.4vw, 28px);
    }

    .header .logo img {
        width: clamp(96px, 15vw, 180px);
    }

    .header .navbar-expand-lg .navbar-toggler {
        display: none;
    }

    .header .navbar-expand-lg .navbar-collapse {
        display: block !important;
        flex: 0 1 auto;
        min-width: 0;
        width: auto;
    }

    .header nav .nav {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: nowrap;
    }

    .header nav .nav li {
        padding-left: clamp(0px, .45vw, 10px);
        padding-right: clamp(0px, .45vw, 10px);
    }

    .header nav .nav li a.nav-link {
        padding-left: clamp(2px, .45vw, 8px);
        padding-right: clamp(2px, .45vw, 8px);
        font-size: clamp(13px, 1.25vw, 18px);
        white-space: nowrap;
    }
}
.page-home .section1-text p span {
    font-size: 100%;
}
.section1-title h3,.section2-title h3, .section3-title h3, .section4-title h3,.section5-title h3{
    font-weight: bold;
} */

.footer-body a.icon4{
    background-position: 5px top;
}
.main_page strong{
    font-size: 100%;
    font-weight: bold;
}
/* Header：電腦版縮放防止主選單文字裁切 */
@media (min-width: 992px) and (max-width: 1250px){
    .header .navbar {
        flex-wrap: nowrap;
    }

    .header .navbar-brand {
        flex: 0 0 auto;
        margin-right: clamp(8px, 1vw, 18px);
    }

    .header .logo img {
        width: clamp(96px, 12vw, 160px);
        margin: 0;
    }

    .header .navbar-expand-lg .navbar-collapse {
        flex: 1 1 auto;
        min-width: 0;
    }

    .header nav .nav {
        flex-wrap: nowrap;
        min-width: 0;
    }

    .header nav .nav li {
        flex: 0 1 auto;
        min-width: 0;
        padding-left: clamp(0px, .35vw, 8px);
        padding-right: clamp(0px, .35vw, 8px);
    }

    .header nav .nav li a.nav-link {
        padding-left: clamp(2px, .35vw, 7px);
        padding-right: clamp(2px, .35vw, 7px);
        white-space: nowrap;
    }
}

.finance-body-title .finance-mops-note {
    background: #f0f5f8;
    padding: 16px 20px;
    border-radius: 5px;
}

.finance-body-title .finance-mops-note > span {
    color: #005f84;
    font-weight: bold !important;
    display: inline-block;
    margin-bottom: 6px;
}


/* ==========================================================
   HCGC HEADER FIX
   - PC: Logo → Main Menu → Language(CH/EN/TH) 순서
   - Language 영역을 헤더의 가장 오른쪽으로 배치
   - 기존 중복 header CSS보다 마지막에 적용되도록 작성
   - Mobile에서는 기존 mobile-header-right 동작 유지
========================================================== */

@media (min-width: 992px) {

    /* 전체 Navbar */
    .header .navbar.navbar-expand-lg {
        display: flex !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
    }

    /* Logo */
    .header .navbar-brand {
        flex: 0 0 auto !important;
        width: auto !important;
        margin-left: 0 !important;
        margin-right: 30px !important;
    }

    /* Logo image */
    .header .navbar-brand img,
    .header .logo img {
        max-width: 100%;
        height: auto;
        margin: 0 !important;
    }

    /* 메뉴 + 오른쪽 언어 영역을 담는 전체 공간 */
    .header .navbar-collapse {
        display: flex !important;
        align-items: center !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        justify-content: flex-start !important;
    }

    /* 메인 메뉴 */
    .header .navbar-collapse > .navbar-nav,
    .header .navbar-collapse > .nav {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        flex: 0 1 auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* 메뉴 항목 */
    .header .navbar-collapse > .navbar-nav > li,
    .header .navbar-collapse > .nav > li {
        flex: 0 0 auto !important;
        white-space: nowrap !important;
    }

    .header .navbar-collapse > .navbar-nav > li > a,
    .header .navbar-collapse > .nav > li > a,
    .header .navbar-collapse a.nav-link {
        white-space: nowrap !important;
    }

    /* ★ 핵심: 언어 영역을 오른쪽 끝으로 밀기 */
    .header .navbar-collapse .header-right {
        display: flex !important;
        align-items: center !important;
        flex: 0 0 auto !important;
        width: auto !important;
        margin-left: auto !important;
        margin-right: 0 !important;
        padding: 0 !important;
        position: static !important;
        float: none !important;
    }

    /* CH / EN / TH */
    .header .header-right .lang-switch {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        flex-wrap: nowrap !important;
        white-space: nowrap !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .header .header-right .lang-btn {
        display: inline-block !important;
        white-space: nowrap !important;
        margin: 0 3px !important;
    }

    .header .header-right .lang-icon {
        flex: 0 0 auto !important;
        margin-right: 5px !important;
    }

    /* 햄버거는 PC에서 숨김
       (실제 버튼 클래스는 .navbar-toggler가 아니라
        .hamburger-mobile-toggle / .hamburger 이므로 해당 클래스를 숨김) */
    .header .navbar-toggler,
    .header .hamburger-mobile-toggle,
    .header .header-right .hamburger {
        display: none !important;
    }

    /* 모바일 전용 영역은 PC에서 숨김 */
    .header .mobile-header-right {
        display: none !important;
    }
}


/* 992~1250px: 메뉴가 언어 영역과 겹치지 않도록 간격 축소 */
@media (min-width: 992px) and (max-width: 1250px) {

    .header .navbar-brand {
        margin-right: 15px !important;
    }

    .header .navbar-collapse > .navbar-nav > li > a,
    .header .navbar-collapse > .nav > li > a,
    .header .navbar-collapse a.nav-link {
        padding-left: 5px !important;
        padding-right: 5px !important;
        font-size: 14px !important;
    }

    .header .header-right .lang-btn {
        margin-left: 2px !important;
        margin-right: 2px !important;
    }
}


/* Mobile */
@media (max-width: 991px) {

    .header .header-right {
        display: none !important;
    }

    .header .mobile-header-right {
        display: flex !important;
        align-items: center !important;
        margin-left: auto !important;
    }

}


/* ==========================================================
   언어 스위치(CH / EN / TH) - Pill 버튼 스타일
   - 기존에는 background/border-radius 등 스타일이 전혀 없어서
     그냥 밋밋한 텍스트로만 보였던 부분을 수정
   - 참고 사이트(hcgc.com.tw) 처럼 현재 언어는 초록 pill,
     나머지는 텍스트로 표시되도록 구현
========================================================== */

.header .header-right .lang-switch {
    gap: 2px !important;
}

.header .header-right .lang-icon {
    width: 18px !important;
    height: 18px !important;
    margin-right: 8px !important;
}

.header .header-right .lang-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 32px !important;
    height: 28px !important;
    padding: 0 10px !important;
    border-radius: 14px !important;
    background-color: transparent !important;
    transition: background-color .2s ease, color .2s ease !important;
}

.header .header-right .lang-btn a {
    color: #333 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    display: block !important;
}

/* 현재 선택된 언어 (active) */
.header .header-right .lang-btn.active {
    background-color: #4caf50 !important;
}

.header .header-right .lang-btn.active a {
    color: #fff !important;
}

/* 선택되지 않은 언어 hover 효과 */
.header .header-right .lang-btn:not(.active):hover {
    background-color: #f0f0f0 !important;
}

.header .header-right .lang-btn:not(.active):hover a {
    color: #000 !important;
}