#google_translate_element img{ height: inherit;  }
 
 .scroll-arrow-wrap{ display: none }
 

 div::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }
  div::-webkit-scrollbar-thumb {
    background-color: #333;;
    border-radius: 10px;
    background-clip: padding-box;
    border: 0px solid transparent;
  }
  div::-webkit-scrollbar-track {
    background-color: #D9D9D9;;
    border-radius: 10px;
    box-shadow: inset 0px 0px 5px white;
  }
	



.mt_0{margin-top: 0!important; }
.mt_10{margin-top: 10px !important; }
.mt_20{margin-top: 20px !important; }
.mt_30{margin-top: 30px !important; }


.mr_10{margin-right: 10px; }
.mr_15{margin-right: 15px; }
.mr_30{margin-right: 30px; }

.mt_0{margin-top: 0px!important; }
.mt_5{margin-top: 5px; }
.mt_15{margin-top: 15px!important; }
.mt_20{margin-top: 20px!important; }
.mt_50{margin-top: 50px!important; }
.mb_20{margin-bottom: 20px !important; }
.mb_30{margin-bottom: 30px !important; }

.test_l{text-align: left !important;}
.test_c{text-align: center !important;}
.pt_5{padding-top: 5px!important; }
.pt_0{padding-top: 0px!important; }
.pb_0{padding-bottom: 0px!important; }
.pm_0{padding-bottom: 0!important; }

/* pop up */
.popup-bg, .popup-background {
    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;  
}

.popup-layout, .follow-popup {
    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;
}

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

}

.follow-popup { background: #fff; padding: 35px 20px;   }
.follow-popup > p { font-size: 18px;  }  
.popup-body h5 { display: inline-block; width: 100%; text-align: left; margin-bottom: 5px; font-size: 18px;  }
.qr_w{ display: inline-block;}
.qr-box .qr_w img{ margin: 10px ;  }
.qr-notice{ margin-top: 20px;  }

.modal-bottom{ padding: 0px; background-color: none; ; }
.modal-bottom a { padding: 15px; display: inline-block; width: 100%; background-color: #eaeaea; }


.complete-text-wrap .complete-text { text-align: center; }




.compelete-info-table {
    width: 100%;
    border-collapse: collapse;
    max-width: 1090px;
    margin:auto; 
    border-top: 3px solid #ffffff;
    margin-top: 50px; 
}

.compelete-info-table caption {
    text-align: left;
    font-size: 20px;
    font-weight: 700;
}

.compelete-info-table tr {
    border-bottom: 1px solid #eaeaea;
}

.compelete-info-table th {
    font-size: 14px;
    font-weight: 400;
    padding: 20px 0;
    background: #eee; 
}

.compelete-info-table td {
    font-size: 15px;
    font-weight: 700;
    text-align: right;
    padding: 15px 0;
}

.compelete-info-table tbody tr:first-child td, .compelete-info-table tbody tr:first-child th {
    border-top: 1px solid #eaeaea;
} 

.compelete-info-table caption {
   padding-bottom: 12px; 
}

.content-section .content-text { margin-bottom: 50px; }

.complete-text-wrap .complete-text{ word-break: keep-all; font-size: 17px; line-height: 1.5; }


.down-wrap{
    margin-top: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.down-btn{
    width: 30%;
    height: 50px;
    border: 2px solid var(--main-blue2);
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    color: var(--main-blue2);
    transition: all .3s;
    margin: 0 6px;
    line-height: 48px;
    background-color: #ffffff;
}
.down-btn:hover{
    border: 2px solid var(--main-blue1);
    background-color: var(--main-blue1);
    color:#ffffff;
}


.account-container{ padding: 80px 0;  }




@media screen and (max-width:768px){
    .meta-img{
        max-width: 80%;
    }
    .down-wrap{
        flex-direction: column;
    }
    .down-btn{
        width: 50%;
        margin-bottom: 10px;
    }
    .down-btn:last-of-type{
        margin-bottom: 0;
    }
    
    .sub-text{ font-size: 16px; padding: 0 15px;  }
    
	.complete-text-wrap .complete-text{  font-size: 15px; }
    
}
 

.funding-container_sh.sub-container>.sub-content h3  { margin: 110px 0; }
.sub-container>.sub-content h3 {
    margin: 40px 0;
    padding: 0;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0;
    color: var(--main-blue2);
    line-height: 2; 
}


.follow-textarea-wrap{
    display: block;
    width: 100%;
    height: 260px;
    overflow: hidden;
    overflow-y: auto;
    margin-bottom: 20px;
    border: 1px solid #858585;
    border-radius: 4px;
  }
  .follow-textarea{
    display: block;
    width: 100%;
    height: auto;
    word-break: keep-all;
    background-color: #fff;
    padding:10px;
  }
  .text-section{
    margin-bottom: 20px;
  }
  .sub-container>.sub-content p.l-text{
    font-size: 14px;
    font-weight: 700;
    color: #1e1e1e;
    margin-bottom: 14px;
    text-align: left;
    line-height: 20px;
    letter-spacing: -0.5px;
  }
  .sub-container>.sub-content p.m-text{
    font-size: 13px;
    font-weight: 400;
    color: #1e1e1e;
    margin-bottom: 10px;
    text-align: left;
    line-height: 18px;
    letter-spacing: 0;
    text-transform: lowercase;
  }
  .sub-container>.sub-content p.s-text{
    font-size: 12px;
    font-weight: 400;
    color: #1e1e1e;
    margin-bottom: 5px;
    text-align: left;
    line-height: 1.3;
    letter-spacing: 0;
    padding-left: 6px;
  }
  .follow-label{
    user-select: none;
    cursor: pointer;
    line-height: 1;
    margin-bottom: 0;
  }
  .follow-chk{
    accent-color: var(--main-blue2);
  }

.sub-container>.sub-content .popup-input-wrap p {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0px;
    text-align: left;
}

.popup-input {
    position: relative;
}

.popup-input input {
    width: 100%;
    height: 50px;
    color: #1e1e1e;
    font-size: 14px;
    font-weight: 400;
    padding: 0 10px;
    border: 1px solid #c3c3c3;
    margin-top: 8px;
}

.popup-input span {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    font-size: 14px;
    font-weight: 700;
    color: #1e1e1e;
}

.submit-btn.follow-confirm{
    margin-top: 20px;
}

.submit-btn.follow-confirm2{
    margin-top: 10px;
}


.follow-lot { display: inline-block; width: 100%; margin: 15px 0;  }
.follow-lot input { display: inline-block; width: 100%; margin-top: 5px; border: 1px solid #c3c3c3; 
border-radius: 6px; height: 50px; padding: 0 10px;   }

.popup-input-wrap{ display: inline-block; width: 100%; margin-top: 12px; }
.popup-input-wrap:first-child { margin-top: 0;  }
 
.follow_chp{ display: inline-block; width: 100%; margin-bottom: 15px;    }
.follow_chp p { line-height:1.5; word-break: keep-all;  }



.withdraw_refuse input { float: left; }
.withdraw_refuse input[type=text] { width: 95px; border: 1px solid #ddd; height: 39px; padding-left: 5px; border-right: 0; }
.withdraw_refuse input[type=button] { width: 25px; height: 39px; background: #eee; font-size: 11px; border: 1px solid #ddd; 
font-weight: bold;   }

.withdraw_refuse input[type=button].on { background: #fef7f1; color:var(--main-blue2); }



.title_h1 { display: inline-block; width: 100%;  }
.title_h1 h1 { float: left;  }
.title_h1 a { display: inline-block; padding: 8px 15px; border-radius: 8px; margin-left: 15px; margin-top: 7px; background: var(--main-blue2); color:#fff; 
  }


.tams_app_w { display: flex;  }
.tams_app_w a { margin: 10px; box-sizing: border-box; max-width: 220px;  }
.tams_app_w a:first-child { margin-left: 0;  }

.tams_app_w a.text { width: 220px; height: 70px; border: 2px solid #9f9f9f; 
    border-radius: 5px; text-align: center; font-weight: 500; padding: 20px 0; font-size: 20px; 
    color: #4a4a4a;  transition: background-color 0.3s ease;}

.tams_app_w a.text:hover {
    background-color: var(--main-blue2); /* 마우스를 올렸을 때의 배경색 설정 */
    color: #ffffff;
    border: 2px solid var(--main-blue2);

}


.add_account_btn{ display: inline-block; padding: 8px 17px; background:#ececec; border-radius: 5px;
  font-size: 13px; font-weight: bold; }

.add_account_btn:hover{ background: var(--main-blue2); color:#fff;  }




.web_view { display: inline-block !important; }
.mo_view { display: none !important; }

@media screen and (max-width:768px){
	
.mo_view { display: inline-block !important; }
.web_view { display: none !important; }
 
	
	.account-container{ padding: 50px 0;  }
	.tams_app_w a.text{ border: 1.5px solid #9f9f9f; }
	.title_h1 a{ margin-top: 3px;  }
	
	
}

.trading-container .side-menu { margin-right: 30px; margin-left: 0px; }
.trading_cont h2 {    font-size: 27px; padding: 20px 20px;  }

.trading_cont > div{ padding: 10px 20px; }
.trading_cont p { font-size: 16px; line-height: 1.7em; color: #565656; word-break: keep-all;     margin: 0 0 10px; }
.trading_cont ul ol{ font-size: 14px; color: #565656; word-break: keep-all;     margin: 0 0 10px; }
.trading_cont img { margin: 10px 0 30px;  }
.trading_cont h3 { display: inline-block; width: 100%; margin-bottom: 10px;   font-size: 20px; }
.trading_cont h4 { display: inline-block; width: 100%; margin-bottom: 10px;   font-size: 16px; }
.trading_cont h5 { display: inline-block; width: 100%; margin-bottom: 10px;   font-size: 15px; }

.leverage-table{
    width: 100%;
    border-collapse: collapse;
    margin-top: 30px;
}
.leverage-table caption{
    background-color: var(--main-blue2);
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    height: 40px;
    line-height: 40px;
    caption-side: top;
    border: 1px solid var(--main-blue2);
}
.leverage-table th{
    font-size: 15px;
    font-weight: 500;
    padding:10px 0;
    border: 1px solid #565656;
    word-break: keep-all;
}
.leverage-table td{
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    padding:10px 0;
    border: 1px solid #565656;
    
}
.cfd-table{
    width: 100%;
    border-collapse: collapse;
}
.cfd-table th{
    background-color: var(--main-blue2);
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
    padding:10px 0;
    border: 1px solid #f1f1f1;
}
.cfd-table th:first-child{
    border-left: 1px solid var(--main-blue2);
}
.cfd-table th:last-child{
    border-right: 1px solid var(--main-blue2);
}
.cfd-table td{
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    padding:10px 0;
    border: 1px solid #565656;
}

.hd-console-wrap{ margin-left: 17px;  }

.trading-container .side-list-body { height: auto; overflow: auto; opacity: 1; }
	
.hd-navi li{ min-width: auto;  }	

.trading-container .trading_cont a{ font-size: 16px; line-height: 1.7em; color: #1f3fcd; text-decoration: underline !important; }
.trading-container .side-list-body {
    height: auto;
    overflow: auto;
    opacity: 1;
    transition-duration: .3s;
}
.trading-container .side-arrow i {
    transform: rotate(0);
    color: #000;
}

@media screen and (max-width: 991px){
	.trading_side-menu{ width: 100%;  }
	.trading_side-menu .side-list { width: 100%;  }
	/* .trading_side-menu  .side-arrow { display: inline-block; width: 100%;  } */
	.trading_side-menu .side-list-body { height: auto; display: inline-block; position: static;  opacity:1; 
	box-shadow: none; background: none;  }
	.trading_side-menu .side-list-body li { border: 0; width: 50%; float: left;  }
	.trading-container.sub-container>.user-content { flex-direction: column; }
	.tams_wrap .application-con-wrap .application-con { width: 85%;  }
	.depost_wrap .application-con-wrap .application-con { width: 85%;  }
	
	.depost_wrap .registration-form>p { padding: 0 15px; word-break: break-all;  }
	.depost_wrap .registration-con{ margin-top: 30px;  }
	.registration-form > p.code{ margin-top: 10px;  }
	#transfer{ margin-top: 10px;  }
}	


.header.scroll-hd .hd-navi li {  min-width: auto; width: auto; }
.header.scroll-hd .hd-navi li a { padding: 0 26px; }

.copy_btn{ margin: 7px; display: inline-block; border: 1px solid #000; color:#000; background:#fff; padding: 7px 15px;  
    border-radius: 7px; font-size: 12px; cursor: pointer; }



@media screen and (max-width: 340px){
	.side-list-header h4{ font-size: 14px !important;  }
	.footer-img-wrap>img{ margin-left: 13px;  }
	.eth-logo{ max-width: 90px;  }
}

table.dataTable tbody td{ border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; }
.max_text{ max-width: 380px;     word-break: keep-all; }


input#wallet-address:-webkit-autofill, body .registration-con input:-webkit-autofill,
body .registration-con input:hover, body .registration-con input:focus  { -webkit-box-shadow: 0 0 0px 1000px #eee inset !important;
background: #eee !important; }



.dataTables_wrapper .input_btn { width: 35px;   background: #eee; font-size: 11px; border: 1px solid #ddd;
display: inline-block;  padding: 10px 0; text-align: center; font-weight: bold; }


.sub_account_li ul li { float: left; margin-left: 10px;  padding: 10px 15px; background: #eee; border-radius: 5px; } 

@media screen and (max-width: 1200px){
	
	.hd-content{ margin-top: 70px; }
	.hd-btn-wrap{ position: absolute; top:70px; max-width: 250px; }
	.hd-console-wrap { flex-direction:unset;  }
	.hd-console-wrap{ height: auto; }
	.header.scroll-hd .hd-navi li { width: 100%;  }
	.signup-form .input-box{ width: 100%;  }
	.terms-modal-btn{ font-size: 13px !important; line-height: 1.3 !important; padding-right: 5px !important;  }
}


.usdtAddress_w{ width: 100%;  }
.usdtAddress_w input[type='text'] { float: left; width: 410px; font-size: 18px;
    font-weight: 700; color: var(--main-blue2); margin-top: 10px;  }

.usdtAddress_w{ text-align: center;  }

.usdtAddress_w a   { min-width: 120px; padding: 13px 20px; text-align: center; border-radius: 7px; height: 45px; font-size: 15px;   }
.usdtAddress_w p { display: inline-block; width: 100%; margin-bottom: 10px;  }

.usdtAddress_w p { font-size: 18px;
    font-weight: 700; color: var(--main-blue2); margin-top: 10px; word-break: break-all !important; display: inline-block; width: 93%;  }


.usdtAddress_w .qr-notice { margin: auto;   }
.qr-notice li { word-break: break-word; }

.usdtAddress_copy{ display: inline-block; width: 100%;  }
.usdtAddress_copy > div { display: inline-block;  }
.usdtAddress_copy p { float: left; width: auto; margin-top: 7px;  }
.usdtAddress_copy input { float: left;  }

@media screen and (max-width: 991px){
    .usdtAddress_copy input {
        float: none;
    }
}


@media screen and (max-width: 600px){
	.usdtAddress_w input[type='text']{ width: 98%; float: none; font-size: 13px;   }
	.qr-notice li { text-align: left;  }
	.usdtAddress_w a{ margin-right: 3px;  }
}

.funding-btn3{ margin-top: 10px;  }


.usdtAddress_z{ width: 100%; margin-top: 10px; margin-bottom: 10px; }
.usdtAddress_z{ text-align: center;  }
.usdtAddress_z a   { min-width: 120px; padding: 13px 20px; text-align: center; border-radius: 7px; height: 45px; font-size: 15px;   }
.usdtAddress_z a   { min-width: 120px; padding: 13px 20px; text-align: center; border-radius: 7px; height: 45px; font-size: 15px;   }




.usdtAddress_w .qr-notice2{ border: 0;  }
.usdtAddress_w .qr-notice2 ul li { font-size: 13px;  } 
	

.registration-con{ position: relative;  }
.wallet-address2 > div.input { position: relative;  }
.wallet-address2 > div.input i { position: absolute; right: 25px; top:16px; }
.registration-con.wallet-address2 input { padding-right: 55px !important;  }

.wallet-address2 .menu { position: absolute; top: 80px; left: 0; width: 100%;  z-index: 10; background: #fff; display: none;  }


.wallet-address2 .menu strong { display: inline-block; width: calc(100% - 60px); float: left; font-size: 12px; cursor: pointer; margin-top: 7px;   }
.wallet-address2 .menu > ul > li > a {  font-size: 12px; border: 1px solid #c1c1c1; display: inline-block; padding: 5px 10px;   }
.wallet-address2 .menu > ul > li > a:hover{ background-color: var(--main-blue2); color: #ffffff; }

.wallet-address2 .menu { padding: 5px 0; ;  border: 1px solid #c1c1c1; }
.wallet-address2 .menu ul li { display: inline-block; width: 100%; padding: 11px 15px; padding-left:20px; border-bottom: 1px solid #c1c1c1;    }
.wallet-address2 .menu ul li:first-child { border-top:0;  }


.wallet-address2 .menu ul { max-height: 150px; overflow: auto;  }
.wallet-address2 .menu > a { display: inline-block; width: 100%; color:var(--main-blue2); font-weight: bold; font-size: 13px; text-align: center; 
padding: 10px 0 15px;  }




  
.pop-layer .btn-r{margin-top: 0; padding-top:0;  }

.pop_btn { text-align: center; }
.pop_btn a, .pop_btn input.btn_purple { display: inline-block; padding: 10px 10px;  
 width: 100px; font-size: 12px; background: none; min-width: 210px; background: #eaeaea; cursor: pointer; }
 
 .pop_btn a:hover, .pop_btn input.btn_purple:hover { background: var(--main-blue1); color:#fff;   } 
 
 
.del-layer .pop-layer .pop-container { padding-bottom: 19px;  }  
.logout-layer .pop-layer .pop-container { padding-bottom: 39px;  }  
  
  .pop_close { position: absolute; top: 11px; right: 6px;  }
 .pop_close img{ width: 20px;  }
 
 
.share_layer .ctxt{ text-align: center; padding: 10px 0 30px; font-size: 14px;  }
.del-layer .ctxt{ text-align: center; padding: 30px 0; font-size: 14px;  }
.logout-layer .ctxt{ text-align: center; padding: 30px 0; font-size: 14px;  }


#del-layer, .del-layer .pop-layer { width: 320px; }





/* 팝업 */

.pop-layer .pop-container {
}



.pop-layer .btn-r {
  width: 100%;
  text-align: right;
}

.pop-layer {  display: none; position: absolute;
  top: 50%;
  left: 50%;
  width: 800px;
  height: auto;
  background-color: #fff;
  z-index: 10;
}

.dim-layer {
  display: none;
  position: fixed;
  _position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.dim-layer .dimBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .5;
  filter: alpha(opacity=50);
}

.dim-layer .pop-layer {
  display: block;
}

a.btn-layerClose { display: inline-block; font-size: 25px; color: #909090; font-weight: 100; margin-right: 10px; }

/* 팝업끝 */
/* 인풋타입 파일 */
.filebox label { display: inline-block; padding: .5em .75em; color: #999; font-size: inherit; line-height: normal; vertical-align: middle; background-color: #fdfdfd; cursor: pointer; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2; border-radius: .25em; }
.filebox input[type="file"] { /* 파일 필드 숨기기 */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
/* 인풋타입 파일 끝 */


.photo {width: 150px; height: 150px; border:3px solid #ececed; background: #ececed url("../images/common/photo_bg.png") no-repeat center; overflow: hidden; position: relative; }
.photo img{width: 100%; position: absolute; left: 50%; top: 50%;  transform: translate(-50%, -50%);  max-width: 100%; transform: translate(-50%, -50%);  }

.pop_wrap{ display: inline-block; width: 100%; padding: 20px 35px;  }

.usdt-laver1 {  }
.usdt-laver1 .pop-layer { max-width: 500px; width: 95% }
.usdt-laver1 .pop-container { padding: 20px;  }
.usdt-laver1 .pop-layer .registration-con { width: 100%; margin-top: 0;  }




.header .container{ position: relative;  }

.hd-console-wrap{ position: absolute; right: 0; top: 19px;   }
.hd-content{ top: 0px;  }
.hd-logo-wrap{ z-index: 20;  }



.section-title_w{ text-align: center;  }
.section-title_w p { margin-top: 15px; text-align: center;  }



.footer-text{ color:#222;  }
.footer-info li{ color:#222;  }

.terms-wrap li{ margin-left: 50px;  }
.terms-wrap li a{ color:#222;  }



.sub-banner{ text-align: center;  }
.sub-text{ text-align: center;  }
.sub-title{   margin-bottom: 8px; position: relative; display: inline-block; }

.sub-title:before{content:""; position: absolute; right: -25px; top:-10px; width: 10px;height: 10px;border:5px solid #dd1215; border-radius: 100%;}


.about_wrap .section1 .sec-title1 { text-align: center;  }



.about_li{ display: inline-block; width: 100%; margin-top: 120px; }
.about_li ul li { display: flex; 
   flex-direction: row;
    flex-wrap: wrap-reverse; margin-top: -30px; }
  
 .about_li ul li:first-child { margin-top: 0;  }   
.about_li ul li .img { width: 40%; }
.about_li ul li .memo { width: 60%; position: relative;  }

.about_li ul li .img img{ width: 100%; border-radius: 20px;    }

.about_li ul li:nth-child(2n) {  flex-direction: row-reverse;   }



.about_li ul li .memo > div{   position: absolute;
    top: 50%; left: 10%;  transform: translate(-0%, -50%); }


.about_li ul li .memo h5 { }

.about_li ul li .memo h5{ font-size: 20px;     transition: 0.3s; color:var(--main-blue2);  }
.about_li ul li .memo p { margin-top: 10px; line-height: 1.8;  }

.about_li ul li:nth-child(2n) .memo { text-align: right;  }

.about_li ul li:nth-child(2n) .memo > div { left: inherit; right: 10%;  }


.about_li .record-odd {  position: relative;  justify-content: center;
    align-items: flex-start; 
    transform: translateY(30px);
    opacity: 0; }


.page-tab{ background: #f4f4f4; color:#222;   }

.content-section:last-of-type{ padding-top: 10px;  }
.products1_wrap .content-section { padding: 70px 0;  }
.products1_wrap .products-banner { margin-bottom: 50px;   }

.content-section .content-text{ margin-bottom: 0;  }
.section-description{ margin-top: 10px;  }


.about_wrap .content-section:last-of-type { margin-top: 100px;  }



.platform-wrap .meta-img, .platform-wrap .mobile-img { margin: 30px auto 70px !important;  }

.platform-wrap .content-section:last-of-type { padding: 80px 0;  }

.funding_wrap .content-section:last-of-type { margin-top: 90px ; }
.funding_wrap .content-section .content-text{ margin-bottom: 20px;  }

.main_wrap .content-section:last-of-type{ padding: 0;  }


.footer-info li.company-name{ margin-bottom: 15px;  }

.sign_cont{ margin-top: 90px;  }
.sign_cont .content-text{ margin-bottom: 30px; }


.swiper-slide2 .slide-title { color:#fff; }
.swiper-slide2 .slide-text { color:#fff; }


.trading_wrap{ height: auto;  }
.trading_wrap .user-content { display: flex;  }
.trading_wrap .user-info{ height: auto; ; }

.trading_wrap .side-list-body li a{ padding-left: 15px;  }



.leverage-table{ margin-top: 0;  }



 
 
 
 
 
  p{ word-break: keep-all; }
  
  






.openlivepost_account input:autofill, .openlivepost_account input:autofill:hover, .openlivepost_account input:autofill:focus, input:autofill:active { 
	-webkit-text-fill-color:#fff !important; }





  
  .hd-btn-wrap{ gap:10px;  }
  .hd-btn-wrap a { font-size: 15px; font-weight: 400; display: inline-block; padding: 10px 20px; margin: 2px 0;  }
  
  
  
  .hd-btn-wrap .hd-btn2 {  border-radius: 100px;
background: var(--main-blue2);; color:#fff; font-size: 13px;  font-weight: 500;  }


.content-section.section2 { padding: 220px 0;  }




@media screen and (max-width: 968px){
	
	#google_translate_element { margin-top: 0px;  }
	.depost_visa_wrap .registration-form{ padding: 30px 15px }
	
	
	.menu-trigger span{ background: #333;  }
	.slide-title{ font-size: 20px; }
	.slide-text{ font-size: 13px;  }
	.account-arrow-wrap a{ font-size: 12px; padding: 10px 15px; }
	.main-banner{ height: 90vh;  }
	
	
	.account-open{ bottom:23px;  }
	
	
	.main_wrap .content-section.section1{ padding: 80px 0;  }
	.main_wrap .section-description{ margin-top: 15px; font-size: 13px;  }
	
	
	.count-text{ font-size: 12px;  }
	.count-number{ font-size: 20px;  }
	.count-wrap{ margin-top: 20px;  }
	
	.main_wrap .section1 .count-text{ height: 29px;  }
	.main_wrap .count-box{ padding: 20px 0;  }
	
	.content-section{ padding: 80px 0;  }
	.section-title{ font-size: 25px; }
	.section-title_w p{ font-size: 13px;  }
	.main_wrap .section2_li ul li{ width: calc(50% - 5px);  }
	.main_wrap .section2_li ul{ gap:10px;  }
	.main_wrap .section2_li{ margin-top: 30px;  }
	.main_wrap .section2_li ul li{ padding:20px 15px; padding-top: 70px;  }
	.main_wrap .section2_li ul li h5{ font-size: 13px;  }
	.main_wrap .section2_li ul li p{  font-size: 11px; margin-top: 5px;  }
	.main_wrap .content-section.section3{ padding: 80px 0; }
	.main_wrap .section3 .swiper_wrap{ position: static; width: 100%; margin: 0 10px 0; margin-top: 20px; width: calc(100% - 10px); }
	.main_wrap .section3 .swiper-slide{ padding:10px; padding-top: 30px;  }
	.main_wrap .section3 img{ height: 39px;  }
	.main_wrap .section3 .swiper-slide .memo h5{ font-size: 15px;  }
	.main_wrap .section3 .swiper-slide .memo p{ font-size: 12px;  }
	.main_wrap .section4{ padding: 80px 0; }
	.main_wrap .section4_li ul li{ width: calc(50% - 5px); margin-top: 30px;  }
	.main_wrap .section4_li ul { flex-direction: row; flex-wrap: wrap; gap:10px;  }
	.main_wrap .section4_li{ margin-top: 30px; }
	.main_wrap .section4_li ul em{ width: 39px; height: 39px;  font-size: 20px; line-height: 39px;  }
	
	.main_wrap .section4_li ul li a{ padding: 30px 10px 10px }
	.main_wrap .section4_li ul li h5{ font-size: 15px;  }
	.main_wrap .section4_li ul li p{ font-size: 12px;  }
	.main_wrap .section4_li ul li a > span{ font-size: 12px; padding: 13px 8px; margin-top: 15px;   }
	.main_wrap .section4_li ul li span span{ font-size: 11px; padding-right: 10px;   }
	.main_wrap .section4_li ul li{ width: 100%;   }
	.back-text{ font-size: 15px;  padding: 0 10px; line-height: 1.5;  }
	.bg-section{ height: 160px; }
	.terms-wrap li{ margin-left: 15px;  text-align: center;  }
	.terms-wrap li a{ font-size: 13px;  }
	.hd-btn-wrap{ position: static; width: 100%; max-width: none;  }
	.hd-console-wrap{ width: 100%;  }
	
	.header .hd-navi li a{ display: inline-block; width: 100%;  padding: 20px;  } 
	.hd-content { margin-top: 130px;  }
	.sub-text{ padding: 0; font-size: 13px; line-height: 1.5;   }
	.sub-title{ font-size: 20px;  }
	.page-tab{ font-size: 13px;  }
	.sub-banner{ height: 300px;  }
	.funding_wrap .content-section:last-of-type{ margin-top: 39px; }
	.funding_wrap .content-section .content-text{ font-size: 17px;  }
	.about_wrap .content-section:last-of-type{ margin-top: 60px; }
	
	.about_li ul li{ display: inline-block; width: 100%;  margin: 30px 0; }
	.section-tag, .main_wrap .section-tag{ font-size: 13px; margin-bottom: 5px; }
	.about_li ul li .img{ width: 100%;  }
	.about_li ul li .memo{ width: 100%;   }
	.about_li ul li .memo > div{ position: static; transform:none;  }
	.about_li ul li .memo p{ font-size: 13px;  }
	.about_li ul li .memo h5{ font-size: 17px; }
	
	.about_li ul li:nth-child(2n){  flex-direction:inherit; }
	.about_li ul li .memo { margin-top: 20px;  }
	.about_li{ margin-top: 60px; }
	.hd-console-wrap{ top:50px; }
	
	.content-section:last-of-type{ margin-top: 50px; ;  } 
	.content-text{ font-size: 23px;  }
	.input-box label{ font-size: 13px !important; }
	.terms-box{ margin-top: 20px !important; font-size: 12px !important; max-height: 250px; overflow: auto;  }
	.section-title{font-size: 20px;     word-break: keep-all; }
	.main_wrap .section3 .swiper-slide{ width: 56%;  }
	
	.products1_wrap .products-banner{ margin-bottom: 30px;  }
  	.content-section:last-of-type{ margin: 0;  }
  	.products1_wrap .content-section{ padding: 30px 0;   }
  	.content-section{ padding: 60px 0;  }
  	.section-description{ font-size: 13px;  }
  
  	.cfd-table td, .cfd-table th, table th, table td { font-size: 11px !important;  }
  	.page-tab{ width: 85%;  }
  	.down-btn{ width: 85% !important;  }
  	.platform-wrap .content-section, .platform-wrap .content-section:last-of-type { padding: 50px 0;  }
  	.platform-banner { margin-bottom: 10px;  }
  	
  		
	.trading_wrap .user-content { display: inline-block; width: 100%;   }
	.trading_wrap .user-info{ width: 100%; padding: 20px 11px; border: 0;   }
	.trading-container .container { padding: 0;  }
	.trading_cont h2{ font-size: 20px;  }
	.user-info p{ font-size: 13px !important; }
	.trading_wrap .side-list-body li a{ font-size: 13px;  }
	
	.sign-banner{ margin-bottom: 35px;  }
	
	
	.user-info{ width: 100%;  }
	
	
	.main_wrap .section3 .section-title, .main_wrap .section3 .section-title_w p,
	.main_wrap .section3 .section-tag { text-align: center; }
	.slide_btn_w{  justify-content: center; }
	
	
	.hd-logo{ width: 80px;  }
	
	.menu-trigger{ margin-left: auto; }
	.header.w .menu-trigger span{ background: #fff;  }
	.header.on .menu-trigger span{ background: #333;  }
	.main-banner .swiper-pagination-custom { padding: 0 3%;  }
	
	.content-section.section2{ padding: 110px 0;  }
	.main_wrap .section2_li ul li{ padding: 5px 0; }
	.main_wrap .section2_li ul li > div{ height: 270px;  padding:20px 15px; padding-top: 20px;   }
	.main_wrap .content-section.section3 .section-title_w { width: 100%; padding-right: 0;   }
	.main_wrap .content-section.section3 .container{ flex-direction: column; }
	.main_wrap .section3 .section-title_w a { float: none;  }
	.main_wrap .content-section.section3 .r { width: 100%; margin-top: 50px;  }
	.main_wrap .content-section.section3 .section3_li_w > div{ padding: 20px 10px;  }
	.footer-info li.company-name { font-size: 15px;  }
	
	.header.w .hd-navi li a { color:#333; }
	.header.w .hd-btn1 { color:#333;  }
	.hd-btn-wrap .hd-btn2 { color:#fff !important;  }
	.hd-navi li{ padding: 0; height: auto;  }
	.hd-btn-wrap a {line-height: 1.5;  text-align: center; }
	.header.w .hd-btn1 {font-size: 13px; border: 1px solid #333; border-radius: 100px;  }
	
	.hd-btn-wrap li ul{ right: inherit; left: 0; text-align: left; }
	.hd-btn-wrap li ul a{ text-align: left; }
	.hd-btn-wrap li{ height: auto; }
	.sub_account_li ul li{ font-size: 13px; padding: 5px; }
	
	.main_wrap .section2_li ul li img{ width: 110px;  }
	.main_wrap .section3 img{ width: auto; }
	
	
	.header.w .hd-btn-wrap li > span{ color:#333;  }
	 .header .hd-btn-wrap span:after {  background: url("/static/images/common/use_more.svg") center no-repeat !important; background-size: 10px;  }



	 .hd-btn-wrap > ul { display: inline-block;  }
    .hd-btn-wrap > ul li { display: inline-block; width: 100%; margin: 10px 0 ; }
    .hd-btn-wrap li ul{ z-index: 20; width: 100%;  }
 .header.w .hd-btn-wrap .menu > span, .header .hd-btn-wrap .menu > span { display: inline-block; width: 100%;  }
 .hd-btn-wrap > ul{ width: 100%;  }
 
	.header.w .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: 21px; }
	    
	.header.w .hd-btn-wrap .use > span, .header .hd-btn-wrap .use > span 
	{ background: url("/static/images/common/ico_use.svg") no-repeat 0 3px; background-size: 21px; }
    
    .hd-btn-wrap li ul a { padding: 5px;  }
    .hd-console-wrap { top: 0px;  }
    .hd-btn-wrap li.menu ul { width: 100%;  }
    
    .section5_li{ margin-top: 10px;  }
    .main_wrap .content-section.section5 .container { flex-wrap: wrap;  }
	.main_wrap .content-section.section5 .section-title_w { padding-top: 0; width: 100%; padding-right: 0;  }
	.section5_li ul li{ font-size: 11px; line-height: 1.5; padding-right: 10px;  }
	.main_wrap .content-section.section5 .r{ width: 100%; margin-top: 10px;  }
	.main_wrap .content-section.section5 .r img{ width: 100%; }
	
	
	
}

.platforms_bg{ width: 100%; height: 500px; background: url("/static/images/sub/crx_down_bg.png") no-repeat; 
background-size:cover; margin-top: 30px;  padding: 120px 150px;   }

.platforms_bg strong { display: inline-block; width: 100%; color:#fff; font-size: 20px; text-align: right; font-weight: 500; }
.platforms_bg h3 { display: inline-block; width: 100%; color:#fff; font-size: 50px; text-align: right; margin-top: 30px;  }


.platform-wrap .content-section { padding-bottom: 70px;  }

.platform-wrap .content-section.platforms_section2{ padding: 10px 0 10px;  }

.down_li{ display: inline-block; width: 100%; margin-top: 60px; text-align: center; }
.down_li > div{ display: flex; gap:10px; justify-content: center }
.down_li > div a{ display: inline-block;  width: 130px;   }

.down_li > div img{ width: 50px;  }

.down_li > div span { display: inline-block; width: 100%; margin-top:10px; font-size: 13px;  }





.platforms_section3_li ul { display: flex; gap:50px; flex-wrap: wrap; }
.platforms_section3_li ul li { width: calc(33.33% - 50px); border-radius: 10px; border: 1px solid #eee; padding: 60px; text-align: center;  }
.platforms_section3_li ul li strong { display: inline-block; width: 100%; font-size: 25px; margin-top: 10px;  }
.platforms_section3_li ul li p { display: inline-block; width: 100%; margin-top: 30px; padding-top: 30px; 
border-top:1px solid #eee; line-height: 1.5; text-align: left; font-size: 15px;  }

.platforms_section3_li ul li:nth-child(2n) { background: #868686;  }

.platforms_section3_li ul li:nth-child(2n) p, 
.platforms_section3_li ul li:nth-child(2n) strong { color:#fff;  }

.platforms_section3_li ul li img{ border-radius: 100px; background: #fff;  }


.hd-navi li{ position: relative; }

.hd-navi li ul { position: absolute; top: 75px; left: 0; width: 100%; display: none;   }
.hd-navi li:hover ul{ display: inline-block;   }

.header .hd-navi > li > a:hover { color: var(--main-blue1); }


.hd-navi li ul li { display: inline-block; width: 100%;  }

.header .hd-navi li ul{ background: #fff; padding: 0px; border-radius: 3px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    border: 0px solid #e5e5e5;  }
.header .hd-navi li ul li a{ padding: 15px; text-align: left; width: 100%; font-weight: normal; font-size: 13px;      color: #000; }

.header .hd-navi li ul li a:hover { background-color: var(--main-blue1); color: #ffffff; }






.ctr_dewon_section4 { background: #e5e7eb; padding: 80px 160px; border-radius: 10px ; display: flex;  }
.ctr_dewon_section4 .ctr_logo img{ width: 50px;  }
.ctr_dewon_section4 .ctr_logo{ display: flex; gap:10px; align-items: center; }
.ctr_dewon_section4 .ctr_logo span { font-weight: bold; font-size: 19px ; }

.ctr_dewon_section4 h3{ font-size: 50px; margin-top: 20px; line-height: 1.35;    }
.ctr_dewon_section4 p { display: inline-block; width: 100%; margin-top: 30px; line-height: 1.5;  }


.ctr_dewon_section4 > .memo { padding: 20px 0;  }
.ctr_dewon_section4 > img{ height: 450px; margin-left: auto; }

.ctr_dewon_section4 a { display: inline-block; padding: 13px 25px; background: var(--main-blue2); color:#fff; margin-top: 35px; 
font-size: 12px;   }



@media screen and (max-width: 968px){
	.platforms_bg{ padding: 50px 30px;  }
	.platforms_bg strong{ font-size: 12px;  }
	.platforms_bg h3 { font-size: 20px; margin-top: 5px; }
	
	
	.platforms_bg{ background-position: 30%; height: 200px;    }
	.down_li > div a{ width: 33.33%;  }
	.down_li{ margin-top: 30px;  }
	.down_li > div img{ width: 35px;  }
	
	.platforms_section3_li ul li{ padding: 15px; width: 100%;  }
	.platforms_section3_li ul li p{ font-size: 12px; margin-top: 15px; padding-top: 15px;  }
	.platforms_section3_li ul li strong{ font-size: 20px;  }
	.platforms_section3_li ul{ gap:20px;  }
	
	
	.header .hd-navi li ul{ position: static; display: inline-block; width: 100%; box-shadow: none;  }
	.header .hd-navi li ul li a { padding-left: 30px;  }
	
	
	.ctr_dewon_section4{ padding: 60px 15px; flex-wrap: wrap;  }
	.ctr_dewon_section4 h3{ font-size: 20px;  }
	.ctr_dewon_section4 p{ font-size: 12px; margin-top: 10px;  }
	
	.ctr_dewon_section4 > img{ width: 100%; height: auto; margin-top: 20px;  }
	.ctr_dewon_section4 > .memo{ padding: 0; }
	
	
	.ctr_dewon_section4 a{ padding: 10px 15px; margin-top: 20px;  }
}