:root {
    --main-blue1: #b70000;
    --main-blue2: #b70000;
    --main-green: #09a603;
    --main-gray: #f2f2f2;
    --main-black: #262626;
    --text-red: #db0000;
    --text-green: #049b00;
}

* {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-family: 'Pretendard', 'Roboto', 'Noto Sans KR', sans-serif;
    /* font-family: 'Raleway', sans-serif; */
    /* font-family: 'Rubik', sans-serif; */
    box-sizing: border-box;
    line-height: 1.2;
    -webkit-font-smoothing: auto;
   
}


.tab-wrap {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 1);
    border-bottom: 1px solid #CBCBCB;
}


a {  color: var(--main-black); }



html {
    position: relative;
}

body {
    overflow-y: auto;
}

.body-fix {
    overflow-y: hidden;
}

ol,
ul {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}
 
a {
    text-decoration: none;

}

input:focus {
    outline: none;
}

button {
    outline: 0;
    border: 0;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-text-fill-color: var(--main-black);
    -webkit-box-shadow: 0 0 0px 1000px transparent inset;
    box-shadow: 0 0 0px 1000px transparent inset;
    transition: background-color 5000s ease-in-out 0s;
}

input:autofill,
input:autofill:hover,
input:autofill:focus,
input:autofill:active {
    -webkit-text-fill-color: var(--main-black);
    -webkit-box-shadow: 0 0 0px 1000px transparent inset;
    box-shadow: 0 0 0px 1000px transparent inset;
    transition: background-color 5000s ease-in-out 0s;
}


.container {
    max-width: 1600px;
    width: 100%;
    margin: 0 auto;
    padding: 0 0.5%;
}

.hide {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0;
}
.br-hide{
    display: block;
}
.content-section {
    padding: 90px 0 40px;
}

.content-section:last-of-type {
    padding: 90px 0 70px;
}

.section-title {
    font-size: 36px;
    font-weight: 700;
    font-family: 'Rubik', sans-serif;
    text-align: center; 
    letter-spacing: -1px;
}

.section-tag {
    display: block;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    font-family: 'Rubik', sans-serif;
    color: var(--main-blue2);
    letter-spacing: -1px;
}

.section-description {
    margin-top: 40px;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    line-height: 1.4;
    color: #565656;
    word-break: keep-all;
}

.content-section h4 {
    font-size: 30px;
    font-weight: 500;
    text-align: center;
    word-break: keep-all;
}

.content-section h4 span {
    color: var(--main-blue1);
}

.caution {
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: #565656;
    padding-left: 25px;
    line-height: 20px;
    margin-top: 10px;
    word-break: keep-all;
}

.caution::after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background-image: url(../images/caution.png);
    background-size: cover;
}

.caution span {
    color: var(--main-blue1);
    font-weight: 500;
}

.submit-btn {
    display: block;
    max-width: 250px;
    width: 100%;
    height: 50px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    border: 2px solid var(--main-blue1);
    background-color: var(--main-blue1);
    color: #fff;
    line-height: 34px;
    margin: 0 auto;
    margin-top: 30px;
    cursor: pointer;
    transition: all .3s;
}

.submit-btn:hover {
    background-color: var(--main-blue2);
    border: 2px solid var(--main-blue2);
}

.input-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.required {
    position: relative;
}

.required::after {
    position: absolute;
    right: -8px;
    top: 0;
    content: '*';
    font-size: 14px;
    font-weight: 400;
    color: #db0000;
}

.chk-wrap {
    margin: 0 auto;
    text-align: center;
}

.chk-box {
    font-size: 14px;
    font-weight: 700;
    user-select: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.chk-box input[type="checkbox"] {
    accent-color: var(--main-blue1);
    margin-right: 6px;
    cursor: pointer;
    width: 16px;
    height: 16px;
}

.chk-box span {
    cursor: pointer;
}
@media screen and (max-width:1200px){
    .container{
        padding:0 3%;   
    }
}
@media screen and (max-width:991px){
    .container{
        padding:0 4%;   
    }
    .content-section{
        padding:70px 0 30px;
    }
    .content-section:last-of-type{
        padding: 70px 0 50px;
    }
    .content-section h4{
        font-size: 28px;
    }
}
@media screen and (max-width:768px){
    .container{
        padding:0 3%;
    }
    .br-hide{
        display: none;
    }
    .content-section{
        padding:50px 0 20px;
    }
    .content-section:last-of-type{
        padding:60px 0 40px;
    }
    .content-section h4{
        font-size: 26px;
    }
    .section-title{
        font-size: 32px;
    }
    .section-tag{
        font-size: 18px;
    }
    .section-description{
        margin-top: 30px;
    }
    .input-row{
        flex-direction: column;
    }
    .submit-btn{
        height: 46px;
    }
    
    
    .header.on .hd-btn-wrap .menu > span, .header .hd-btn-wrap .menu > span,
    .header.on .hd-btn-wrap .use > span, .header .hd-btn-wrap .use > span { font-size: 12px;  }
   
    
}

.header { background: #fff; }
.header.w{ background: none; }
.header.on { background: #fff;  }

/* header */
.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    transition-duration: .2s;
}

.scroll-hd {
    background-color: #ffff;
    transition-duration: .2s;
}

.scroll-hd2 {
    box-shadow: 1px 1px 3px #12121250;
}

.header .container {
    height: 80px;
    display: flex;
    align-items: center;
    gap: 30px; 
}

.hd-logo-wrap {
    position: relative;
    max-width: 201px;
}

.hd-logo-wrap {
    display: block;
}
.hd-content{
	

}


.header .hd-navi li a{ padding: 30px 23px;  }

.hd-navi {
    display: flex;
    align-items: center;
    justify-content: center;
}

.hd-navi li {
    min-width: 110px;
    text-align: center;
}

.header .hd-navi li a {
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    color: #000;
    text-shadow: 1px 1px 2px #12121220;
    letter-spacing: 1px;
}


.header.w .hd-navi li a { color:#fff; }
.header.w .hd-navi li li a { color: #000; }

.header.on .hd-navi li a{ color: #000; }


/* .header .hd-navi li a:hover{
    background: var(--main-blue2);
    color:#fff; 
} */
 

.header.scroll-hd .hd-navi li a {
    color: #121212;
    text-shadow: none;
}
.header.scroll-hd .hd-navi li a:hover{
    color: var(--main-blue1);
}

.hd-console-wrap {
    display: flex;
    align-items: center;
    margin-left: 60px;
}
.hd-btn-wrap{
    display: flex;
    align-items: center;
}
.hd-btn1 {
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    /* border: 2px solid var(--main-blue1);
    background-color: var(--main-blue1); */
    line-height: 0.8;
    margin: 16px 5px;
    color: #000;
     display: inline-block;
}

 .header.w .hd-btn1{ color:#fff; }


 .header.on .hd-btn1 { color:#000; }
 
.account_choose_btn.active {
    width: 100%;
    height: 38px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    border: 2px solid var(--main-blue1);
    background-color: var(--main-blue1);;
    color: #fff;
    line-height: 34px;
    margin: 0 5px;
    cursor: pointer;

}

/* 
.account_choose_btn.active font, .account_choose_btn font, .account-caution font, .account-title font { color:#fff;  }
.sub-banner font { color:#fff; }
.sub-banner .tab-box font { color:#000; }
.sub-banner .tab-box .page-tab.on font { color:#fff; }
 */


img{ max-width: 100%;  }

.openlivepost_account {
    display: none;
}

.account_choose_btn {
    width: 170px;
    height: 38px;
    border: 2px solid #ffff;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    line-height: 34px;
    margin: 0 5px;
    cursor: pointer;
	border-radius: 5px;
}


.header.scroll-hd .hd-btn2 {
    border: 2px solid var(--main-blue2);
    color: var(--main-blue2);
}

.language-wrap {
    display: flex;
    align-items: center;
    margin-left: 10px;
}

.language-wrap li a {
    font-size: 14px;
    font-weight: 400;
    color: #595959;
    margin-left: 10px;
}

.header.scroll-hd .language-wrap li a {
    color: #121212;
}

.language-wrap li a.lang-on {
    font-weight: 700;
    color: #ffffff;
}

.header.scroll-hd .language-wrap li a.lang-on {
    color: var(--main-blue1);
}
.menu-trigger {
    position: relative;
    width: 32px;
    height: 22px;
    cursor: pointer;
    z-index: 1002;
    display: none;
}

.menu-trigger span {
    position: absolute;
    width: 100%;
    height: 4px;
    border-radius: 30px;
    background-color: #ffffff;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

.menu-trigger span:nth-child(1) {
    top: 0;
}

.menu-trigger span:nth-child(2) {
    top: 50%;
    transform: translateY(-50%);
}

.menu-trigger span:nth-child(3) {
    bottom: 0;
}

.menu-open {

}

.menu-open span {
    background-color: #121212;
}

.menu-open span:nth-child(1) {
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    -webkit-transform: translateY(-50%) rotate(45deg);
    -moz-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    -o-transform: translateY(-50%) rotate(45deg);
}

.menu-open span:nth-child(2) {
    opacity: 0;
}

.menu-open span:nth-child(3) {
    bottom: 50%;
    transform: translateY(50%) rotate(-45deg);
    -webkit-transform: translateY(50%) rotate(-45deg);
    -moz-transform: translateY(50%) rotate(-45deg);
    -ms-transform: translateY(50%) rotate(-45deg);
    -o-transform: translateY(50%) rotate(-45deg);
}
.side-bg{
    display: none;
}
@media screen and (max-width:1200px){
    .hd-content-wrap{
        position: fixed;
        top:0;
        right:-32%;
        width: 32%;
        height: 100vh;
        background-color: #ffffff;
        padding-top: 80px;
        transition-duration: .3s;
        z-index: 1002;
    }
    .hd-content{
        width: 100%;
        height: 100%;
        flex-direction: column;
        overflow-y: auto;
    }
    .hd-content::-webkit-scrollbar {
        width: 8px;
    }
    
    .hd-content::-webkit-scrollbar-thumb {
        background-color: #a5a5a5;
        border-radius: 10px;
    }
    
    .menu-trigger{
        display:block;
    }
    .scroll-hd .menu-trigger span{
        background-color: #121212;
    }
    .nav-open{
        right: -1px;
    }
    .hd-navi{
        flex-direction: column;
        border-top: 1px solid #eaeaea;
    }
    .hd-navi li{
        text-align: left;
        width: 100%;
        height: 54px;
        padding: 20px;
        line-height: 54px;
        border-bottom: 1px solid #eaeaea;
    }
    .header .hd-navi li a{
        display: block;
        color: #121212;
        text-shadow: none;
    }
    .hd-console-wrap{
        height: 100%;
        justify-content: space-between;
        margin-left: 0;
        flex-direction: column-reverse;
        align-items: flex-start;
        padding:20px;
    }
    .language-wrap{
        margin-left: 0;
        margin-bottom: 40px;
    }
    .language-wrap li a{
        font-size: 15px;
        margin: 0;
        margin-right: 18px;
    }
    .language-wrap li a.lang-on{
        color: var(--main-blue1) !important;
        font-weight: 700;
    }
    .hd-btn-wrap{
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    .hd-btn1{
        width: 48%;
        height: 42px;
        line-height: 38px;
        margin: 0;
    }
    .hd-btn2{
        width: 48%;
        height: 42px;
        line-height: 38px;
        border: 2px solid var(--main-blue2) !important;
        color: var(--main-blue2) !important;
        margin: 0;
    }
    .side-bg{
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100vh;
        z-index: 1000;
        background-color: rgba(0, 0, 0, 0.7);
        display: none;
    }
}
@media screen and (max-width:991px){
    .header .container{
        height: 70px;
    }
    .hd-logo-wrap{
        max-width: 182px;
    }
    .hd-content-wrap{
        right:-38%;
        width: 38%;
        padding-top: 70px;
    }
    .nav-open {
        right: -1px;
    }
}
@media screen and (max-width:768px){
    .hd-logo-wrap{
        max-width: 163px;
    }
    .hd-content-wrap{
        width: 320px;
        right: -320px;
    }
    .nav-open {
        right: -1px;
    }
}
@media screen and (max-width:500px){
    .header .container{
        height: 60px;
    }
    .hd-content-wrap{
        padding-top: 60px;
    }
}


/* footer */
footer {
    width: 100%;
    background-color: #FAFAFA;;
    padding: 30px 0 40px;
}

.footer-top {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 40px;
}

.footer-logo {
    max-width: 201px;
}

.terms-wrap {
    display: flex;
    margin-bottom: 0;
    padding: 0;
}

.terms-wrap li {
    list-style: none;
    position: relative;
    margin-left: 12px;
    line-height: 1.2;
}

.terms-wrap li a {
    font-size: 18px;
    font-weight: 700;
    color: #f3f3f3;
    text-decoration: none;
    transition-duration: .2s;
}

.terms-wrap li a:hover {
    color: var(--main-blue1);
}

.footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 20px;
}

.footer-info {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
    padding: 0;
}

.footer-info li {
    list-style: none;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #b5b5b5;
    margin-bottom: 8px;
}

.footer-info li:last-of-type {
    margin-bottom: 0;
}

.footer-info li.company-name {
    color: var(--main-blue1);
    font-weight: 700;
    font-size: 22px;
}

.logo-wrap {
    display: flex;
    align-items: center;
}

.logo-wrap img {
    margin-left: 20px;
}

.footer-img-wrap {
    display: flex;
    align-items: center;
}

.footer-img-wrap>img {
    margin-left: 18px;
}

.footer-img-wrap>img:first-of-type {
    margin-left: 0;
}

.bit-logo {
    max-width: 108px;
}

.eth-logo {
    max-width: 153px;
}

.usdt-logo {
    max-width: 104px;
}

.footer-text-wrap {
    padding-top: 20px;
    border-top: 1px solid #f9f9f9;
    letter-spacing: -0.3px;
}

.footer-text {
    font-size: 14px;
    font-weight: 300;
    color: #f9f9f9;
}

.copyright {
    font-size: 12px;
    font-weight: 700;
    margin-top: 12px;
    color: #8b8888;
}
@media screen and (max-width:991px){
    .footer-logo{
        max-width: 182px;
    }
    .footer-bottom{
        flex-direction: column;
        align-items: flex-start;
    }
    .footer-img-wrap{
        margin-top: 20px;
    }
}
@media screen and (max-width:768px){
    .footer-top{
        flex-direction: column;
        align-items: center;
        padding-top: 0;
        padding-bottom: 30px;
    }
    .footer-logo{
        max-width: 163px;
        margin-bottom: 20px;
    }
    .terms-wrap li a{
        font-size: 17px;
    }
    .footer-info{
        width: 100%;
    }
    .footer-info li{
        text-align: center;
    }
    .footer-img-wrap{
        width: 100%;
        justify-content: center;
    }
    .bit-logo{
        max-width: 86px;
    }
    .eth-logo{
        max-width: 122px;
    }
    .usdt-logo{
        max-width: 83px;
    }
    .footer-text{
        font-size: 12px;
        line-height: 18px;
    }
}


/* sub */
.sub-banner {
    position: relative;
    width: 100%;
    height:  390px;
    background-color: var(--main-gray);
    padding-top:  0px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center; 
}

.sub-title {
    font-size: 38px;
    font-weight: 700;
    margin-bottom: 20px;
}

.sub-text { 
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    word-break: keep-all;
}

.content-text {
    font-size: 30px;
    font-weight: 700;
    text-align: left;
    color: var(--main-blue1);
    font-family: 'Rubik', sans-serif;
    margin-bottom: 40px;
}

.tab-wrap {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 1);
    border-bottom: 1px solid #CBCBCB;
}

.tab-box {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-tab {
    width: 33.333%;
    height: 68px;
    text-align: center;
    font-size: 17px;
    font-weight: 700;
    color: rgba(255, 255, 255, .9);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Rubik', sans-serif;
}

.page-tab.on {
    background-color: var(--main-blue1);
    color: #ffffff;
}
@media screen and (max-width:991px){
    .sub-banner{
        padding-top: 70px;
        height: 480px;
    }
    .content-text{
        font-size: 26px;
        margin-bottom: 30px;
    }
    .page-tab{
        height: 58px;
        font-size: 16px;
    }
}
@media screen and (max-width:768px){
    .sub-banner{
        height: 460px;
    }
    .sub-title{
        font-size: 34px;
    }
    .sub-text{
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 22px;
    }
    .page-tab{
        font-size: 15px;
        padding: 0 10px;
    }
}


/* pop up */
.modal-bg {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100vh;
    z-index: 1000;
    background-color: rgba(0, 0, 0, 0.7);
    display: none;
}

.modal-bg1 {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100vh;
    z-index: 1000;
    background-color: rgba(0, 0, 0, 0.7);
    display: none;
}

.modal-layout {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 620px;
    width: 100%;
    height: auto;
    z-index: 1010;
    display: none;
    max-height: 85vh;
    border-radius: 8px;
    overflow: hidden;
}

.modal-layout1 {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 700px;
    width: 100%;
    height: auto;
    z-index: 1010;
    display: none;
    max-height: 120vh;
    border-radius: 8px;
    overflow: hidden;
}

.modal-text1 {
    max-height: 450px;
    height: 100%;
    overflow-y: auto;
    padding: 10px;
}

.modal-text1 p {
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 5px;
}




.modal-title {
    background-color: var(--main-blue1);
    text-align: left;
    padding: 20px;
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
}

.modal-body {
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;

}

.modal-text {
    max-height: 300px;
    height: 100%;
    overflow-y: auto;
    padding: 10px;
}

.modal-text::-webkit-scrollbar {
    width: 8px;
}

.modal-text::-webkit-scrollbar-thumb {
    background-color: #a5a5a5;
    border-radius: 10px;
}

.modal-text p {
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
}

.modal-bottom {
    text-align: center;
    background-color: #eaeaea;
    padding: 14px;
    font-weight: 700;
}

.modal-bottom a {
    display: block;
}



.hd-logo{ width: 100px;  }
.footer-logo img{ width: 90px;  }
.sub-banner { background: none !important; }












.hd-btn-wrap li > span{  padding: 5px 0;  }
.hd-btn-wrap li > span { font-size: 15px;  }

.hd-btn-wrap li li span{ color:#000; font-size: 13px;  }





.hd-btn-wrap .use > span:after { content: ""; display: inline-block; width: 15px; height: 15px; 
  margin-left: 3px; margin-top: 2px;
float: right; }

.hd-btn-wrap .use > span.on:after { transform: rotate(180deg); }


.hd-btn-wrap .r > ul { display: flex; gap:20px; }


.hd-btn-wrap .menu span { cursor: pointer; }
.hd-btn-wrap .menu > span:after { content: ""; display: inline-block; width: 15px; height: 15px; 
  margin-left: 3px; margin-top: 2px;
float: right; }


.header.w .hd-btn-wrap span:after{  background: url("/static/images/common/use_more_w.svg") center no-repeat; background-size: 10px; }
.header.on .hd-btn-wrap span:after, .header .hd-btn-wrap span:after {  background: url("/static/images/common/use_more.svg") center no-repeat; background-size: 10px;  }




.header.w .hd-btn-wrapli >  span {  color:#fff;  }
.header.w .hd-btn-wrap li > span{ color:#fff;  }
.header.on .hd-btn-wrap li > span{ color:#000;  }

.header .hd-btn-wrapli >  span {  color:#fff;  }


.header.w .hd-btn-wrap .use > span, .header .hd-btn-wrap .use > span  { padding-left: 29px; 
background: url("/static/images/common/ico_use_w.svg") no-repeat 0 4px; background-size: 23px;
 cursor: pointer;  }
.header.on .hd-btn-wrap .use > span, .header .hd-btn-wrap .use > span 
{ background: url("/static/images/common/ico_use.svg") no-repeat 0 4px; background-size: 23px; }


.header.w .hd-btn-wrap .menu > span, .header .hd-btn-wrap .menu > span  { padding-left: 29px; 
background: url("/static/images/common/ico_wallet_w.svg") no-repeat 0 3px; background-size: 23px;
 cursor: pointer;  }
.header.on .hd-btn-wrap .menu > span, .header .hd-btn-wrap .menu > span 
{ background: url("/static/images/common/ico_wallet.svg") no-repeat 0 3px; background-size: 23px; }



.hd-btn-wrap li{ position: relative; min-height: 50px;  }

.hd-btn-wrap li ul { position: absolute; top:30px; right: 0; background: #fff; width: 200px; display: none;  }

.hd-btn-wrap li ul li { display: inline-block; width: 100%;  }
.hd-btn-wrap li ul a { display: flex; width: 100%; padding: 10px 15px; gap:10px; border-top:1px solid #eee; align-items: center; flex-wrap: wrap;   }

.hd-btn-wrap li ul a >div{  width: calc(100% - 50px); }

.hd-btn-wrap li ul a >div span { white-space: normal; /* 기본적인 줄바꿈 동작 */
            word-wrap: break-word; /* 긴 단어도 줄바꿈 */
            overflow-wrap: break-word;  }

.hd-btn-wrap li ul li:first-child a { border-top: 0;  }


.hd-btn-wrap li ul li img{ height: 39px;  }
.hd-btn-wrap li ul li:first-child div { padding-left: 2px;  }



.hd-btn-wrap li ul li span{ font-size: 13px; line-height: 1.3; display: inline-block; width: 100%;  }
.hd-btn-wrap li ul li em { font-size: 11px; display: inline-block; width: 100%; font-style: normal; float: left; color: #8d8d8d; } 


.hd-btn-wrap li ul i { margin-left: auto; font-style: normal; font-size: 10px; padding: 3px 7px; 
border-radius: 5px; background: var(--main-blue2); color:#000; color:#fff;   }

.hd-btn-wrap li ul a:hover { background: #eee;  }

.hd-btn-wrap li.menu ul { width: 205px;  }

.hd-btn-wrap > ul { display: flex; gap: 20px; }


.hd-btn-wrap li:hover > ul { display: inline-block; }
.hd-btn-wrap li > ul:hover { display: inline-block; }



.list_menu { display: flex; width: 100%; margin: 1px 0 35px; }
.list_menu a { display: inline-block; padding: 15px 20px; background-color: #f8f8f8; font-size: 13px; border-left: 1px solid #e7e7e7;  }
.list_menu a:first-child { border-left: 0;  }
.list_menu a.active { background-color: var(--main-blue1); color: #ffffff; }




.hd-btn-wrap .login_menu { margin-top: 8px;  }