.site-translator {
    position: relative;
    display: inline-block;
    margin-left: 1px;
}

.hidden-google-element {
    display: none !important;
}

/* 메인 버튼 */
.translator-trigger {
    display: flex;
    align-items: center;
    padding: 0px 25px;
    background: rgba(255,255,255,.1); /* 버튼 배경색 */

    /* height: 100%; */
    text-decoration: none;
    transition: background 0.3s;
    line-height: 46px;
}

.translator-trigger:hover {
    background: rgba(255,255,255,.2);
}

.translator-trigger span {
    color: #fff;
    font-size: 13px;
    margin-right: 6px;
}

/* 화살표 아이콘 */
.translator-trigger:after {
    content: '';
    display: inline-block;
    width: 8px;
    height: 5px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat center;
    transition: transform 0.3s;
}

.translator-trigger.active:after {
    transform: rotate(180deg);
}

/* 언어 목록 박스 */
.translator-list {
    display: none;
    position: absolute;
    
    z-index: 9999;
	width:100%;
}
.translator-list li {margin:0 !important; border-bottom:1px solid #eee;background: rgba(255,255,255,.9);}
.translator-list li:last-child {border-bottom:0;}
.translator-list li:before {display:none !important;}
.translator-list li a {
    display: block;

    color: #222;
    font-size: 12px;
    text-decoration: none;
    transition: background 0.2s;
	padding:0 !important;
	width:100%;
}

.translator-list li:hover a {background:#fff; transition:.2s;}

.translator-list li a span {display:block; color:#333; width:100%;}


/* 서브 메뉴 (Others) */
.sub-list {
    display: none;
    background: #f1f3f5;
    padding: 5px 0;
    list-style: none;
}

.sub-list li a {
    padding-left: 25px;
    font-size: 12px;
}

@media screen and (max-width: 991px){
.translator-list {top:48px;}
.translator-list li {display:block !important;}
.site-translator {width:50%;}
.translator-trigger {display:block;}


}