@charset "utf-8";
/*
@import url('https://fonts.googleapis.com/css?family=Noto+Sans|Noto+Sans+KR|Noto+Sans+JP|Noto+Sans+SC');
*/
@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 700;
    src: local('Spoqa Han Sans Neo Bold'),
    url('../../fonts/SpoqaHanSansNeo-Bold.woff2') format('woff2'),
    url('../../fonts/SpoqaHanSansNeo-Bold.woff') format('woff'),
    url('../../fonts/SpoqaHanSansNeo-Bold.ttf') format('truetype');
}


@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 500;
    src: local('Spoqa Han Sans Neo Medium'),
    url('../../fonts/SpoqaHanSansNeo-Medium.woff2') format('woff2'),
    url('../../fonts/SpoqaHanSansNeo-Medium.woff') format('woff'),
    url('../../fonts/SpoqaHanSansNeo-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 400;
    src: local('Spoqa Han Sans Neo Regular'),
    url('../../fonts/SpoqaHanSansNeo-Regular.woff2') format('woff2'),
    url('../../fonts/SpoqaHanSansNeo-Regular.woff') format('woff'),
    url('../../fonts/SpoqaHanSansNeo-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 300;
    src: local('Spoqa Han Sans Neo Light'),
    url('../../fonts/SpoqaHanSansNeo-Light.woff2') format('woff2'),
    url('../../fonts/SpoqaHanSansNeo-Light.woff') format('woff'),
    url('../../fonts/SpoqaHanSansNeo-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 100;
    src: local('Spoqa Han Sans Neo Thin'),
    url('../../fonts/SpoqaHanSansNeo-Thin.woff2') format('woff2'),
    url('../../fonts/SpoqaHanSansNeo-Thin.woff') format('woff'),
    url('../../fonts/SpoqaHanSansNeo-Thin.ttf') format('truetype');}
 /*###END 웹폰트 ###*/

html{ -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; height: 100%;}
 body{font-size: 12px;  color:#000;   font-family: 'Spoqa Han Sans Neo', 'Sans-serif' !important; padding: 0; margin: 0;  background: #fff;}
 
html:lang(en) .table thead th{white-space:nowrap}
html:lang(ru) .table thead th{white-space:nowrap}
html:lang(ru) #ctype-trade-tab a{ overflow:hidden; white-space:nowrap}
html:lang(th) #ctype-trade-tab a{ overflow:hidden; white-space:nowrap; width:auto}
html:lang(en) .verification-form li strong{ font-size:11px;}
.navbar-brand img{ height: 43px;}
/* .text-primary {color: #bb792d !important;} */
.nav-link{ font-size: 16px}
.navbar-nav li{ padding: 0 10px 0 10px;}
.nav-blue{background-color: #fff  !important; height: 50px; }
.nav-bar-logininfo{ margin: 0 20px 0 0; color: #cdf3ff; font-size: 13px;line-height: 64px; font-weight: 300; vertical-align: middle}
.max-width8{ max-width: 800px; margin: 0 auto;}
.max-width5{ max-width: 500px; margin: 0 auto;}
.box-shadow{ box-shadow: rgba(33, 102, 212, 0.15) 0px 7px 30px 0px;}
.center{ margin: 0 auto}
.font13{ font-size: 13px;}
.mt11{ margin-top: 110px}
.min-height300{ min-height: 300px;}
#gnb li a{font-weight: 300}
button{ font-weight: 300 !important;}
iframe{ min-height: 350px}
.weight300{ font-weight: 300 !important;}
.search-icon{ position: relative}
.search-icon input[type="text"]:before { font-family: 'FontAwesome';  position: absolute;  top: 0px; left: -5px;  content: "\f007";}
a{color: #282828; text-decoration: none !important; background-color: transparent; -webkit-text-decoration-skip: objects;}
a:active{color: #000 !important; }
.nav-tabs .nav-item.active { color: #ef2a23 !important;
    border-bottom: 3px solid #ef2a23;
    font-weight: bold;  }
.nav-tabs {
    border-bottom: 1px solid #fff;
}
.navbar-dark .navbar-toggler{ border-color: #bcf8ff;}
.mobile-nav-bottom{ display: none;}
@media (max-width: 991.98px) {
	 html:lang(en) .mobile-nav-bottom li{font-size:11px; }
	 html:lang(ru) .mobile-nav-bottom li{font-size:11px; width:25%; overflow:hidden; white-space:nowrap }
  .offcanvas-collapse {
    position: fixed;
    top: 69px; /* Height of navbar */
    bottom: 0;
    left: 100%;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    visibility: hidden;
    background-color: #0070c2;
    transition-timing-function: ease-in-out;
    transition-duration: .3s;
    transition-property: left, visibility;
  }
  .offcanvas-collapse.open {left: 0; visibility: visible; }
    .nav-blue{ height:50px;}
    #m-container{  margin-top: 46px; margin-bottom: 75px;  padding: 0;}
    .navbar-brand{ /*margin: 0 auto*/}
    .navbar-brand img{   height: 25px;} 
    
/* MOBILE bottom nav*/
.mobile-nav-bottom{ z-index: 100; background:#fff; position: fixed; bottom: 0; width: 100%; display: block;  border-top: 1px solid #ccc;   -webkit-box-shadow: 0px 10px 13px -7px #e1e1e1, 0px 0px 23px 0px rgb(0 0 0 / 24%);
    box-shadow: 0px 10px 13px -7px #e1e1e1, 0px 0px 23px 0px rgb(0 0 0 / 24%);}
.mobile-nav-bottom ul{ padding: 0; margin: 0; display:flex}
.mobile-nav-bottom li{ text-align: center; padding:0; margin: 0; list-style: none; font-size: 12.5px; white-space:nowrap; -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;}
.mobile-nav-bottom li a{ padding:37px 0 10px 0; display: block; text-decoration: none; color: #000;   font-weight: 300; border-top: 3px solid #fff;}
.mobile-nav-bottom li a:active{ color:#000 !important;}
.mobile-nav-bottom li a.active{ color: #000 !important; background-position: 50% -68px; border-top: 3px solid #fff; font-weight:500   }
.mobile-nav-market{ background:url(../../../img/common/nav_market_ico.png?20221101) 50% 10px no-repeat; background-size:24px 126px;}
.mobile-nav-invest{ background:url(../../../img/common/nav_invest_ico.png?20221101) 50% 10px no-repeat; background-size:24px 126px;}
.mobile-nav-cashout{ background:url(../../../img/common/nav_cashout_ico.png?20221101) 50% 10px no-repeat; background-size:24px 126px;}
.mobile-nav-mypage{ background:url(../../../img/common/nav_mypage_ico.png?20221101) 50% 10px no-repeat; background-size:24px 126px; }
/*END MOBILE  bottom nav*/
    
} /* media 991 */


.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  color: rgba(255, 255, 255, .75);
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.nav-underline .nav-link {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: .875rem;
  color: #6c757d;
}

.nav-underline .nav-link:hover {
  color: #007bff;
}

.nav-underline .active {
  font-weight: 500;
  color: #343a40;
}

.text-white-50 { color: rgba(255, 255, 255, .5); }

.bg-purple { background-color: #6f42c1; }

.border-bottom { border-bottom: 1px solid #e5e5e5; }

.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }

.lh-100 { line-height: 1; }
.lh-125 { line-height: 1.25; }
.lh-150 { line-height: 1.5; }
.form-control-feedback{
    position: absolute;
    top: 9px;
    right: 15px;
    font-size: 19px;
    color: #ccc;
}
.form-control-feedback2{ position: absolute;  top: 14px;  right: 15px;  font-size: 19px;  color: #ccc;}


::-webkit-input-placeholder {  color:#ccc; font-size: 12px}
::-moz-placeholder { color: #ccc; font-size: 12px}
:-moz-placeholder {color:#ccc; font-size: 12px}
.tab-col2 a{width: 50%; text-align: center;}

.tab-col3 a{
    width: 33%;
    text-align: center;
}
.tab-col5 a{
    width: 20%;
    text-align: center;
    font-size: 14px
}
.tab-box-col3 a{
    width: 33%;
    text-align: center;
    font-size: 13px;
}
#tab-deposit a {
    font-size: 13px !important;
    border-bottom: 2px solid #ccc;
        font-weight: 400 !important;
}
#tab-deposit a.active {
    border-bottom: 2px solid #000;
    color: #000;
    background-color: #fff;
    font-weight:bold !important;
}
 
@media (max-width: 900px)  {
        .footer-right{ display: none}  
        .footer-left{ margin-left: 13px;}
    #verification-wrap{ margin: 0!important;}
    }

@media (max-width: 1000px){
#ctype-trade-tab a{ font-size: 11px; width: 25%; text-align: center}
html:lang(th) #ctype-trade-tab{ flex-wrap:initial} 
html:lang(ru) #ctype-trade-tab a{ overflow:hidden; white-space:nowrap}
/* #ctype-trade-tab a:last-child{ display: none} */
}

@media (max-width: 570px) {
#ctype-trade-tab a{ font-size: 12px; width: 25%; flex:1 1 auto; }
/*#ctype-trade-tab a:last-child{ display: none} */
.balance-table i{ display: none}    
.balance-table td{ padding: 5px 0; margin: 0;  }
.pc-spacing{ padding: 0 !important; margin: 0 !important;}

} /* media 570*/

@media only screen and (min-device-width : 375px) {
html:lang(ar) .mobile-nav-bottom li a{ font-weight:bold;}
}

@media only screen and (max-width : 320px) {
   /* #quotes-sell tr td{ padding: 0 5px !important}*/
}

    
#trade-buy label{ color: #666; font-weight: 100; font-family: normal 12px Droid Sans,AppleSDGothicNeo-Regular,Malgun Gothic,Dotum,sans-serif}
.cart-buy{ color: #dc3545 !important; border-bottom: 2px solid #dc3545 !important;  }
.font10{ font-size: 10px !important;}
.ctype-table-title th:first-child{ text-align: left !important; padding: 0.75rem 0 0.75rem  2rem ; }
.ctype-table-title th{ color: #9d9d9d; font-weight: 400; border-bottom:1px solid #ccc  !important;}
.ctype-table th{ color: #9d9d9d; font-weight: 300}
.ctype-table tr:first-child td { border-top: none; }
.ctype-table td:first-child{ font-size: 13px;  /*display:flex; align-items:center;*/}
.ctype-table tr td:last-child{ padding-right:8px !important;}
.ctype-table td{ padding:0.75rem 0.15rem !important; font-weight:bold; position:relative;}
.ctype-table td em{ font-size: 10px; font-weight:400; color:#808080 !important}
.ctype-table i {color: #ccc; margin-right: 5px; cursor: pointer;   text-align: center; min-width: 5px; padding: 10px 0;}
.ctype-table i.active {color: #fc0;}
.ctype-table .badge{ width: 25.4px !important; height: 14.5px !important; text-align: center; overflow: hidden; box-sizing: border-box !important; vertical-align: bottom; margin-left: 5px;
 position: absolute;  bottom: 13px; right: 10px}


.quotes-table{width: 100%;  border-collapse:collapse; border-spacing: 0px; table-layout:fixed }
.quotes-table tr:first-child td {border-top:none;}
.quotes-table tr td:first-child{border-left:none;  }
.quotes-table td{ /*padding: 7px 15px 8px 15px !important;*/  margin: 0!important;     border: 1px solid #dfdfdf; background-clip: padding-box; position:relative;}
.quotes-table td.quotes-blue {
    color: #0051c7 ;
    position: relative;
    text-align: right;
    background-color: #fff;
    white-space: nowrap;
}

.quotes-table td.quotes-blue.active{ background: #d6e8fa; color: #006cff; }
.quotes-table td.quotes-blue-center{ background: #f5faff; color: #0238b9;  margin: 0; padding: 8px;   position: relative; text-align: center; background-clip: padding-box; font-weight: bold}
.quotes-table td.quotes-blue-center.active{ background: #d6e8fa; color: #006cff; }


.quotes-table td.quotes-red{background: #fff;  color: #da291c ; margin: 0; /*padding: 8px;*/  position: relative; background-clip: padding-box; text-align: right;     white-space: nowrap;}
.quotes-table td.quotes-red.active{ background: #fcd2d2; color: #ec0200; }
.quotes-table td.quotes-red-center{ font-weight: bold; background: #fff5f8; color: #cb4140;margin: 0; padding: 8px;  position: relative; text-align: center; background-clip: padding-box; }
.quotes-table td.quotes-red-center.active{ background: #fcd2d2; color: #ec0200; }
.quotes-table td.no-padding{ padding: 0 !important; margin: 0!important;}



.quotes-blue1{ background: #f5faff; color: #0238b9;  margin: 0; padding: 8px;   
    box-shadow:  1px 0 0 0 #eaeaea, 0 1px 0 0 #eaeaea,  1px 1px 0 0 #eaeaea, 1px 0 0 0 #eaeaea inset, 0 1px 0 0 #eaeaea inset; position: relative;}
.quotes-blue1.active{ background: #d6e8fa; color: #006cff; }

.quotes-red1{ background: #fff5f8; color: #cb4140;margin: 0; padding: 8px;   
    box-shadow:  1px 0 0 0 #eaeaea, 0 1px 0 0 #eaeaea,  1px 1px 0 0 #eaeaea, 1px 0 0 0 #eaeaea inset, 0 1px 0 0 #eaeaea inset; position: relative;}
.quotes-red1.active{ background: #fcd2d2; color: #ec0200; }
.quotes-grey{  box-shadow:  1px 0 0 0 #eaeaea, 0 1px 0 0 #eaeaea,  1px 1px 0 0 #eaeaea, 1px 0 0 0 #eaeaea inset, 0 1px 0 0 #eaeaea inset; padding: 8px; min-height: 34px;}

.trade-volume-table{width: calc(100% - -1px);}
.trade-volume-table td{padding: 8px;  margin: 0!important; border: 1px solid #dfdfdf; height:32px; width:50%; white-space:nowrap; border-right: none;}
.trade-volume-table th{font-weight: 500;  border-top: none;  padding: 7px 15px 8px 15px ; text-align: center;  border-top: none}
.trade-volume-table th:first-child{border-right: 1px solid #dee2e6;}
#quates-tr-volume-0 td{ border-top:none;}
.trade-volume-table tr td:first-child{ border-left:none;}
.trade-volume-table td:nth-child(2) {padding-right: 16px;} 
html:lang(en) .trade-volume-table th{padding:0; font-size:9px; white-space:nowrap; height:31px; }
html:lang(ru) .trade-volume-table th{padding:0; font-size:9px; white-space:nowrap; height:31px; }
html:lang(th) .trade-volume-table th{padding:0; font-size:9px; white-space:nowrap; height:31px; }

.coin-status-table{ width: 100%; vertical-align: top;}
.coin-status-table tr:first-child td{border-top:none;}
.coin-status-table td{ padding: 0 ;  margin: 0!important; border-bottom: 1px solid #dfdfdf;   border-left: none; text-align:left;     overflow: hidden;}
.coin-status-table td:nth-child(2){ padding:0 10px 0 0;}
.coin-status-table th{ text-align: center; font-weight: 100;  padding: 0 ;  margin: 0!important; border: 1px solid #595959; border-left: none; border-right: none;}
html:lang(en) .coin-status-table th{ font-size:11px;  }
#quotes-buy td .bar{background-color: #ffecea;   vertical-align: middle;     min-height: 20px;  overflow: hidden; text-indent: 999em; position: absolute; z-index: 1; top: 12px;  right: 0px;}
#quotes-sell td .bar{background-color: #cadcf7;   vertical-align: middle;     min-height: 20px;  overflow: hidden; text-indent: 999em; position: absolute; z-index: 1; top: 12px;  right: 0px;}
#quotes-sell td .position-relative{text-align:right;}
#quotes-buy td .position-relative{text-align:right;}
 
.quotes-select{ position: absolute; top: 0; left:0 ; z-index: 2; border:2px solid #c0c0c0; width: 100%; height: 100%; display: block;}
 
.quotes-data{ font-family: Dotum,'돋움',Helvetica,"Apple SD Gothic Neo",sans-serif !important;}
.dotum{ font-family: Dotum,'돋움',Helvetica,"Apple SD Gothic Neo",sans-serif !important;}
.ctype-maxheight{ height: 1205px; overflow-y: scroll;}
.ctype-maxheight::-webkit-scrollbar {width: 0;}
.quotes-history{ max-height: 252px; text-align: center; font-size: 11px;  min-height: 226px;}
.quotes-history th{ padding: 9px 8px 8px 0 !important;margin: 0 !important; text-align: center !important;}
.quotes-history td{ padding: 9px 8px 8px 7px !important;    margin: 0 !important;    text-align: right !important;}
.mCSB_scrollTools{ right: -8px !important;}
.nounderline { text-decoration: none !important}
.font-11{ font-size: 11px !important;}
.font-12{ font-size: 12px;}
.font-14{ font-size: 14px;}
.em-f10{ font-size: 10px; color: #828282; font-style: normal; }
#ctype-drop { max-height: 210px; overflow-y: scroll;}
#ctype-drop a{  margin: 10px 0; max-height: 200px;}
.ico-coin {display: inline-block; vertical-align: middle; width: 22px; height: 22px;}
.ico-coin.ico-krw { background: url(../../../img/common/coin/krw.png) no-repeat 50% 50%;}
.ico-coin.ico-btc { background: url(../../../img/common/coin/btc.png) no-repeat 50% 50%;}
.ico-coin.ico-bch { background: url(../../../img/common/coin/bch.png) no-repeat 50% 50%;}
.ico-coin.ico-ltc { background: url(../../../img/common/coin/ltc.png) no-repeat 50% 50%;}
.ico-coin.ico-eth { background: url(../../../img/common/coin/eth.png) no-repeat 50% 50%;}
.ico-coin.ico-etc { background: url(../../../img/common/coin/etc.png) no-repeat 50% 50%;}
.ico-coin.ico-dash { background: url(../../../img/common/coin/dash.png) no-repeat 50% 50%;}
.ico-coin.ico-sc { background: url(../../../img/common/coin/sc.png) no-repeat 50% 50%;}
.ico-coin.ico-eos { background: url(../../../img/common/coin/eos.png) no-repeat 50% 50%;}
.balance-bar{background:rgb(221 240 255); height: 36px; }
.balance-bar-data{ display: block; line-height: 35px; font-size: 12px; white-space: nowrap; padding: 0 10px; text-align: right;}
.balance-table .active{ background: #f7f7f7;}
.balance-table tr.active td:first-child p {
    color: #da291c !important; font-weight:bold
}
.balance-table tr.active td:first-child p em {
    color: #da291c !important; font-weight:bold
}
#wallet-table h6 {
    color: #da291c !important;
}
.snb-title{ height: 62px; padding-left: 30px; background: #6c757d; line-height: 62px; color: #fff; font-size: 18px; font-weight: 500;}
.snb { padding: 0 !important; margin: 0 0 0 0 !important;}
.snb li{ list-style: none; display: block; border-bottom: 1px solid #ccc; width: 90%; margin: 0 auto;}
.snb li:last-child{ border: none}
.snb li a{ height: 30px; padding: 10px; margin: 10px 0 10px 20px; display: block; font-size: 13px; width: 100%}
.snb li.active{ background:#f7f7f7 }
.notice-board th{ border-top:none ;}
.notice-board td{ font-size: 13px;     white-space: nowrap; vertical-align:middle !important; }
.qa-board th{ border-top:none !important;  text-align: center !important; white-space:nowrap}
.qa-board td{ text-align: center; /*font-size: 13px !important;*/}
.btn-position{ top: 15px !important; right: 10px !important;}


#trade-history tr.complete-detail{background: #ececec; display: none}
#trade-history td{ vertical-align: middle;}
/*#trade-history tr[id^="buy_"] td:nth-child(1),
#trade-history tr[id^="buy_"] td:nth-child(3),
#trade-history tr[id^="buy_"] td:nth-child(4),
#trade-history tr[id^="buy_"] td:nth-child(6),*/
#trade-history tr[id^="buy_"] td:nth-child(2),
#trade-history tr[id^="buy_"] td:nth-child(9),
#trade-history tr[id^="buy_"] td:nth-child(10) { color: #cb4240 !important; font-weight: bold;}
/*#trade-history tr[id^="sell_"] td:nth-child(1),
#trade-history tr[id^="sell_"] td:nth-child(3),
#trade-history tr[id^="sell_"] td:nth-child(4),
#trade-history tr[id^="sell_"] td:nth-child(6), */
#trade-history tr[id^="sell_"] td:nth-child(2),
#trade-history tr[id^="sell_"] td:nth-child(9),
#trade-history tr[id^="sell_"] td:nth-child(10) { color: #007bff ; font-weight: bold;}
#trade-history tr.more{ background: #ececec;}
.btn-round { padding: 0.25rem 0.5rem; font-size: 0.8rem; line-height: 1.5;  border-radius: 1rem;  font-weight: 100 !important;}
html:lang(ar) .round-btn{ font-weight:bold;}
.lang { float:left; position: relative; margin: 0 0 0 10px; }

.lang > a { font-size:15px; color: #fff; display: block; line-height: 68px; padding:0 10px; text-decoration: none; width: 100%}
.lang > a > span { margin-right:4px; font-weight: 200;}
.lang > a.ko:after { content: 'KOR';}
.lang > a.en:after { content: 'ENG';}
.lang > a.cn:after { content: 'CHN';}
.lang ul { display: none;position: absolute; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); top:58px;  padding:14px; background: #fff; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;}
.lang ul:before { content: ''; position: absolute; left: 50%; top:-5px; transform:translateX(-50%); -webkit-transform:translateX(-50%); border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:5px solid #fff;  }
.lang li{ padding: 0 5px !important; margin: 0 !important; list-style: none}
.lang ul li + li { border-top:1px dashed #d6d6d6; }
.lang ul li a { font-size:12px; color: #333; display: block; white-space: nowrap; padding:4px 4px; text-align: center;  text-decoration: none; }
.lang:hover ul { display: block; }


#footer {
	width: 100%;
	min-height: 160px;
	background: #000;
	display: block;
	color: #909090;
	line-height: 200%;
	padding:30px 30px 100px 30px;
}
.footer-wrap{ margin: 0 auto;}
.footer-left{ float: left; width: 345px;    padding: 75px 0 0 0;  background: url(../../../img/common/footer_logo.png)25px 16px no-repeat;}
.footer-left em{ font-size: 10px; font-style: normal; display: block; padding-bottom:8px; }
.footer-left span{ width: 2px; height: 12px; display: inline-block; background: #abd2ee; margin: 0 2px; }
.footer-right{ float: right; padding-top: 30px; min-width: 550px;}
.footer-right li{ float: left; width: 33.33333333333333%; list-style: none;}
    .footer-right li:last-child{ margin-top: 30px;}
.footer-right li a{color: #abd2ee; }
.footer-right h5{ color: #fff; font-size: 12px; padding: 0; margin: 0 0 5px 0;}
.footer-right .ico-fb{ width: 31px; height: 31px; background: url(../../../img/common/footer_ico_facebook.png) no-repeat; display: block; margin: 0 10px 0 0; float: left;}
.footer-right .ico-twitter{ width: 31px; height: 31px; background: url(../../../img/common/footer_ico_twitter.png) no-repeat; display: block; margin: 0 10px 0 0; float: left;}
.footer-sns{ padding:0; margin:0}
.footer-sns li{ list-style:none; float:left; margin: 0 8px 0 0 }
.footer-space {
    width: 2px;
    height: 10px;
    display: inline-block;
    background: #737373;
    margin: 0 2px;
}

#nav-sub{position: fixed;    top: 80px;    width: 100%; z-index: 2}
#nav-sub-wrap{     width: 1400px;  margin: 0 auto;}
#nav-sub-wrap a{ font-size: 12px !important;}
#nav-sub-wrap .spacing{ padding-left: 135px;}
.nav-underline a.active{border-bottom: 2px solid #007bff; color: #007bff }
 
.otp-size{ max-width: 650px; }
.max-950{ max-width: 950px; }
.max-1000{ max-width: 1000px; }

/*###신규 디자인 인증센터 ###*/
.verification-bg{  background-color: #008bd1;  min-height: 575px;  background: url(../../../img/verification_bg.gif) top center no-repeat  #008bd1; color: #fff }
.verification-lv{ width: 110px; height: 110px; margin: 0 auto; display: block; text-align: center; font-size: 45px; color: #fb8b13; background-color: #fff; border-radius: 60px;  line-height: 40px; padding: 25px 0 0 0; font-weight: bold}
.verification-lv em{ font-size:19px; font-style: normal; display: block;}
.verification-form li{ position: relative; padding: 20px 0  20px 0; list-style: none; margin:15px 0;  color: #868686; border: 1px dashed #e0e0e0; border-radius:20px;}
.verification-form li button{ position: absolute;    right: -10px;    top: 35%;}
html:lang(ru) .verification-form li strong{font-size:11px;  }
html:lang(ru) .verification-form li button{ position: absolute;  right: 0; top: 65%;}
html:lang(en) .verification-form li button{ position: absolute;  right: -10px;   top: 65%;}
html:lang(th) .verification-form li button{ position: relative;}
.verification-form li.active{ opacity: 1; color: #000; border: 1px solid #d2dcfd;  border-radius:20px;   }
html:lang(th) .verification-form li.active{ opacity: 1; color: #000; min-height:120px; }
.verification-form li em{ font-style: normal; position: absolute; top: 20px; left:70px }
.verification-form li.active:before{ content: '';  position: absolute; left: 35px; top: 60px;  margin-left: -19px; border-radius: 100%; width: 30px; height: 30px;  /* background: #64b900 url(../../../img/common/ico_verification_complete.png) no-repeat 50% 50%;  */}
.verification-form li span{    vertical-align: middle; display: inline-block; border-radius: 60px; margin: 0 10px 0 0;}
.verification-form ul li.active span{background-color:  #fff;}
.verification-form ul li span i{ width: 60px; height: 60px; display: block; }
.verification-form ul li span.step1 i{ background: url(../../../img/common/ico_verification1.png)center center no-repeat; background-size:52px 45px;   margin-left: 10px; }
.verification-form ul li span.step2 i{ background: url(../../../img/common/ico_verification2.png)center center no-repeat; background-size:46px 55px;  margin-left: 10px;}
.verification-form ul li span.step3 i{ background: url(../../../img/common/ico_verification3.png)center center no-repeat; background-size:50px 51px;  margin-left: 10px;}
.verification-form ul li span.step3-2 i{ background: url(../../../img/common/ico_verification4.png)center center no-repeat; background-size:45px 36px;  margin-left: 10px;}
.verification-form ul li span.step4 i{ background: url(../../../img/common/ico_verification3-2.png)center center no-repeat; background-size:50px 47px;  margin-left: 10px;}
.verification-form ul li span.step5 i{ background: url(../../../img/common/ico_verification5.png)center center no-repeat;  background-size:50px 55px;  margin-left: 10px;}
.verification-form ul li.active span.step1 i { background: url(../../../img/common/ico_verification1_acitve.png)center center no-repeat; background-size:52px 45px;  margin-left: 10px; color: #446cec;}
.verification-form ul li.active span.step2 i { background: url(../../../img/common/ico_verification2_active.png)center center no-repeat; background-size:46px 55px;  margin-left: 10px; color: #446cec;}
.verification-form ul li.active span.step3 i { background: url(../../../img/common/ico_verification3_active.png)center center no-repeat; background-size:50px 51px;  margin-left: 10px; color: #446cec;}
.verification-form ul li.active span.step3-2 i { background: url(../../../img/common/ico_verification4_active.png)center center no-repeat; background-size:45px 36px;  margin-left: 10px; color: #446cec;}
.verification-form ul li.active span.step4 i{ background: url(../../../img/common/ico_verification3-2_active.png)center center no-repeat; background-size:50px 47px;  margin-left: 10px;}
.verification-form ul li.active span.step5 i { background: url(../../../img/common/ico_verification5_active.png)center center no-repeat; color: #446cec;}
.verification-form .form-group button{ color:#000 !important}
.round-div{background-color: #fff; padding-top: 5px;	padding-bottom: 20px;	box-shadow: rgb(192 192 192 / 15%) 0px 7px 30px 0px;	box-sizing: border-box;
	position: relative;	height: 100%;	margin-bottom: 20px;	border-radius: 4px;}
    
.round-div h4{background:#efefef;	color: #000;	display: block;	padding: 10px;	font-size: 13px;	margin: 0;	position: relative; font-weight:bold;}
.round-div div {	padding: 10px 5px;    min-height: 24px;    line-height: 100%;    color: #000;}
.round-div div em{ font-style:normal;}
html:lang(th) .round-div div {white-space:nowrap}
.round-div h4 strong{font-weight: 100; font-size: 11px;}
.round-div table{ display: inline-table;    width: 100%;    border-collapse: collapse; margin: 10px; margin: 0 auto;} 

.round-div table th {border-bottom: 1px solid #d0d0d0;    box-sizing: border-box;    -webkit-box-sizing: border-box;    border-collapse: collapse;    padding: 10px;    text-align:left;    color: #6e788f;    font-size: 13px;}
.round-div table td {border-bottom: 1px solid #d0d0d0;  box-sizing: border-box;  -webkit-box-sizing: border-box;  border-collapse: collapse;  padding: 15px;   text-align: right;  font-size: 13px;  color: #6e788f;}
.round-div table td.align-right{ text-align: right}
.round-div table td.align-left{ text-align: left}

.round-div table th strong{  font-size: 16px; float: right;  }
.box-wrap {display: flex;  width:50%; align-items: center; white-space:nowrap; float:left; border-bottom: 1px solid #d9d9d9;}

.round-content-wrap { padding: 10px;}

.my-asset-status {display: block; min-height: 65px;}
.my-asset-status div {width: 33.33333333333333%; float: left}
.my-asset-status div ul {padding: 25px; margin:0 auto; display: block; background: url(../../../img/common/asset_bg.png) 0  18px  no-repeat}
.my-asset-status div li {width: 100%; border-bottom: 1px solid #e0e0e0; display: inline-block; padding: 5px}
.my-asset-status div li:last-child {border: none;}
.my-asset-status div li em {float: left; display: block; padding-left: 5px; font-style: normal; font-size: 14px; font-weight: bold;}
.my-asset-status div li strong {float: right; display: block; padding-right: 5px; font-size: 15px}
.my-asset-status div li strong span {font-size: 10px; color: #808080}
.my-asset { width: 100%;  table-layout: fixed; border-collapse: collapse;} 
.my-asset th { font-size: 13px; color: #0073c4 !important; font-weight: 500; background: #f5f7ff; border-bottom: 1px solid #d0d0d0; border-left: 1px solid #d0d0d0; padding: 10px;text-align: center;}
.my-asset th:first-child {border-left: 0;}
.my-asset tr:nth-child(even){ background-color: #f5f9fd;  color: #000;}
.my-asset td { text-align: right; color: #000; border-bottom: 1px solid #e0e0e0;border-left: 1px solid #d0d0d0;  padding: 10px;}
.my-asset td:last-child { text-align: center;}
.my-asset td:first-child {border-left: 0;text-align: left;padding-left:24px;}
.my-asset td span{ color: #000; font-size: 12px;}
.my-asset td button{ background: #fff; border: 1px solid #ccc; width: 60px; padding: 4px;  cursor: pointer}
.my-asset td .color-grey, .color-grey { color: #808080;}
.my-asset td em{ font-style: normal;}

.navbar-toggler { padding: 0.20rem; border: none; position: absolute; top: 5px; right: 3px;}
.list-group-item { background-color: transparent;  border-color: #eee !important;   color: #fff !important;    font-size: 14px; position: relative; min-height: 47px; font-weight:400}
html:lang(ru) .list-group-item{ font-size:12px;}
.panel-bg { background:/*url(../../../img/common/bg_visual_token.gif) no-repeat -791px 120px */#fff; background-size: cover;     box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;}



#side-bg{ background-color:rgba(0,0,0,0.5); width: 100%; height: 100%; display: block; position: fixed; top:0; left: 0; z-index: 1998; display: none}
 #side-bg a{ width: 100%; height: 100%; display: block;}
#panel-list{ position: fixed; top: 0; width: 80%;  right: -80%; z-index: 1999;transition: all .3s ease;overflow-y: auto;}
#panel-list.open{ right: 0;transition: all .3s ease;}
#panel-list ul li a { text-decoration: none;    white-space: nowrap; color:#000 !important; font-weight:500;}
#panel-list ul li a.trade{ padding: 14px 0 0 70px; color: #fff; position: absolute; top: 0; left: 0; width: calc(100% - 55px);  background:url(../../../img/common/nav_market_ico.png?20221101) 20px 10px no-repeat; background-size:24px 126px;}
#panel-list ul li a.invest{ padding: 14px 0 0 70px; color: #fff; position: absolute; top: 0; left: 0; width: calc(100% - 55px);  background:url(../../../img/common/nav_invest_ico.png?20221101) 20px 10px no-repeat; background-size:24px 126px;}
#panel-list ul li a.cashout{ padding: 14px 0 0 70px; color: #fff; position: absolute; top: 0; left: 0; width: calc(100% - 55px);  background:url(../../../img/common/nav_cashout_ico.png?20221101) 20px 10px no-repeat; background-size:24px 126px;}
#panel-list ul li a.mypage{ padding: 14px 0 0 70px; color: #fff; position: absolute; top: 0; left: 0; width: calc(100% - 55px);  background:url(../../../img/common/nav_mypage_ico.png?20221101) 20px 10px no-repeat; background-size:24px 126px;}
#panel-list ul li a.customer{ padding: 14px 0 0 70px; color: #fff; position: absolute; top: 0; left: 0; width: calc(100% - 55px);  background:url(../../../img/common/nav_customer_ico.png?20221101) 20px -64px no-repeat; background-size:24px 126px;}
#panel-list ul li a.coinnews{ padding: 14px 0 0 70px; color: #fff; position: absolute; top: 0; left: 0; width: calc(100% - 55px);  background:url(../../../img/common/coinnews.png?20221101) 20px -64px no-repeat; background-size:24px 126px;}
 
 
 
#panel-list ul li .btn-outline-light{border-color: #dfdfdf; margin: 0 0 0 10px; color:#000; font-size: 0.8rem;}

.panel-icon{ width: 50px; height: 50px; vertical-align: middle;  display: inline;}
.color64a{ color: #ababab !important}
.close{    transform: scale(1);}
.border-light-blue{ border-color: #45a0e2 !important;  color: #ceeaff}
.panel-sns-link{    color: #ffffff;  background-color: #737373;  border-color: #9e9e9e; }

.mobile-nav-cart { z-index: 9;  background:#fff;  position: fixed;   bottom: 0;  width: 100%;    display: block;     border-top: 1px solid #ccc;
    -webkit-box-shadow: 0px 10px 13px -7px #e1e1e1, 0px 0px 23px 0px rgb(0 0 0 / 24%);
    box-shadow: 0px 10px 13px -7px #e1e1e1, 0px 0px 23px 0px rgb(0 0 0 / 24%);}
.mobile-nav-cart ul{ padding: 0; margin: 0}    
.mobile-nav-cart li{ float: left; width: 25%; text-align: center; padding:0; margin: 0;     list-style: none; font-size: 12.5px;}
.mobile-nav-cart li a{ padding:33px 0 4px 0; display: block; text-decoration: none;  color: #898989;  }
#nav_action{background: url(../../../img/common/m_nav_action.png) 50% 10px no-repeat; background-size: 24px 126px;}
#nav_price{background: url(../../../img/common/m_nav_price.png) 50% 10px no-repeat; background-size: 24px 126px;}
#nav_chart{background: url(../../../img/common/m_nav_chart.png) 50% 10px no-repeat; background-size: 24px 126px;}
#nav_condition{background: url(../../../img/common/m_nav_condition.png) 50% 10px no-repeat; background-size: 24px 126px;}
.mobile-nav-cart li a.active{     
	color: #000 !important;
    background-position: 50% -68px !important;
    font-weight: 500;
    } 


   
.btn-m-back {  display: block;   position: fixed;   left: 0;   top: 14px;  bottom: 0;  padding: 1px 0 0 24px;
        background: url(../../../img/common/ico_back_arrow.png) no-repeat 8px 0;   background-size:10px 19px ;
        height: 24px; z-index: 8000; color: #000;  font-size: 15px; font-weight: bold; white-space:nowrap; margin:0 10px} 
.btn-m-back:hover{ text-decoration: none; color: #fff; }
.btn-m-back em {font-size: 8px; color: #80bbe3; padding: 0 0 0 5px; font-style: normal;}
#order-tab > li {width: 33.3%;  height: 35px;  background-color: #919ab0; border-right: 1px solid #7a7a7a;}
html:lang(en) #order-tab li:nth-child(1),
html:lang(en) #order-tab li:nth-child(2) { width:50%}
html:lang(en) #order-tab li:last-child { width:100%; border-top:1px solid #fff}
html:lang(ru) #order-tab > li { width:auto; flex:1 1 auto; }
html:lang(ru) #order-tab > li a{ padding:0 5px;}

#order-tab > li a { display: block;   width: 100%; height: 100%;  text-align: center;  line-height: 35px;
        color: #fff;
    background-color: #939393; font-size: 12px; font-weight: 300; padding: 0; border-bottom: 0;  } 
    
#order-tab > li a.active{     color: #ffffff;
    background-color: #888888;}
#order-tab > li:nth-child(1) a.active{ background-color: #d7291c !important;}
#order-tab > li:nth-child(2) a.active{ background-color: #0353c8 !important;}
    
.order-coin-status{ height: 55px;    border-bottom: 1px solid #dfdfdf;  display: block; background: #fff; margin-top: 58px;     white-space: nowrap;}
html:lang(ru) .order-coin-status .row .col:nth-child(2){ overflow:hidden;  text-overflow: ellipsis;  white-space: nowrap;  max-width: 50%;  font-size: 9px;}
.display1{ font-size: 1.02rem;}
.order-quotes-wrap{ height: calc(100% - 39px); overflow-x: scroll}
.order-quotes-wrap table tr:first-child td{ border-top: none;  /*border-right: none;   border-left:1px solid #dee2e6 !important; */}
.order-quotes-wrap table tr td:first-child{ border-left: none; white-space: nowrap; word-break: keep-all; }
.order-quotes-wrap table tr td{ padding-right: 7px;}
#quotes-sell tr:first-child td{ border-top: none;      }
#coinStatus tr:first-child th{ border-top: none }
#coinStatus tr:first-child td{ border-top: none }
.trade-alarm{ position:fixed; top:140px; right:10px; font-size:12px; color:#d5405d; border-radius: 20px; padding: 5px 5px 5px 30px; border: 1px solid #ccc;  box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important; z-index:9999;   background: url(../../../img/trade_alarm.png)no-repeat 10px 7px #fff;  background-size: 15px 15px; }
.trade-search-wrap{  position: -webkit-sticky; position: sticky;  z-index: 2;  width: 100%; padding: 5px 0 0 0; top:45px; background:#fff; }
.round-btn {position:relative;
    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
    height: 35px;
    display:block;
    font-size: 12px;    
    padding: 0 12px;
    line-height: 35px;
       color: #000;
    background-color: #fff;
    
    font-weight: 500;  text-decoration: none; white-space: nowrap; margin: 0 auto; text-align: center
}
.round-btn.active { color: #000; text-decoration: none;margin: 0 auto; text-align: center}
.round-btn.active:after{     content: '';
    width: 100%;
    position: absolute;
    bottom: -9px;
    left: 0;
    height: 3px;
    background: #ef2a23;}
.round-btn:hover{ text-decoration: none}
.submenu-container {
    margin: 50px 0 0 0;
   /* background-color: #191e2a;*/
    border-bottom: 1px solid #d1d1d1;
    
    padding: 5px 0;
}
 
/*faq */
/*faq */
.faq-wrap{margin: 0 auto; position: relative; padding: 0px 0 45px; width: 90%}
.faq-wrap h3{ height: 40px; color: #fff; font-size: 27px; line-height: 40px;}
.faq-wrap .subtitle{ margin: 25px 0 0; color: #000; font-size: 15px; font-weight: 700;}
.faq-wrap ul{ width: 100%; margin: 20px 0 0;  padding: 0;    border-top: 1px solid #454546;
    border-bottom: 1px solid #454546; overflow: hidden;}
.faq-wrap li {width: 100%; background: right 30px no-repeat; border-top: 1px solid #3a3a3a; overflow: hidden;}
.faq-wrap li a { display: block; width: 100%; padding: 15px 0; background: url(../../img/common/icon_faq_arrow.png)  no-repeat;    background-position: right 20px; color: #000; 
  font-size: 12px; overflow: hidden;}
 .faq-wrap li a strong {display: block;  padding: 0 50px; background: url(../../img/common/icon_faq_q.png) 13px 4px no-repeat; font-weight: 500; }
.faq-wrap .answer { display:block; padding: 10px 30px; background-color: #f5f5f5;}
.faq-wrap li.active a{background-position: right -80px;}
.faq-wrap li.active span{display: block;}
.faq-wrap li .answer p { display: block; color: #000; font-size: 12px; font-weight: 400;line-height: 1.8em;}


/*### 페이징 현재선택 배경###*/
.page-item.active .page-link {background-color: #0070c2;  border: none; width: 25px;  height: 25px; background: #b53d17; padding: 5px 0 0 0; text-align: center;   }
/*### 페이징 기본 배경###*/
.page-link {position: relative; display: block;  padding: 5px 0 0 0;  margin-left: -1px;  width: 25px;  height: 25px; color: #fff; background:#8f8f8f;   border:none; text-align: center}
.pagination>li>a, .pagination>li>span {  margin: 0 5px;}

#otpSecretKey {
    border: none;
    background: transparent;
    color: #bd2130;
}
#notice-content{ word-break: break-all; min-height:100px; margin-bottom:10px;}
#notice-content table{ width:100% !important; border:1px solid #e0e0e0;}
#notice-content table th{ text-align:center;  padding:5px; background:#ccc;}
#notice-content table td {padding:5px; word-break:kepp-all;}
#notice-content img{ width:100%;}

/*
 * Container style
 */
.ps { overflow-x: hidden !important; overflow-anchor: none; -ms-overflow-style: none; touch-action: auto; -ms-touch-action: auto;}

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  display: none !important;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  width: 15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y { display: block; background-color: transparent;}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking { background-color: #eee; opacity: 0.9;}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, width .2s ease-in-out;
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  width: 6px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {  background-color: #999; height: 11px;}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y { background-color: #999; width: 11px;}

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {overflow: auto !important;}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {overflow: auto !important;}
}

.quotes-maxheight {height: 389px; overflow-y: scroll; -ms-overflow-style: none; border-right: 1px solid #dee2e6; border-left: 1px solid #dee2e6; position: relative;}
/*### 호가창 스크롤트랙 배경색 투명화 ###*/
.quotes-maxheight::-webkit-scrollbar {width: 0; display: none; -ms-overflow-style: none;}
.quotes-maxheight .ps__thumb-y {right: 0 !important;}

#coin-status-table {  height: 350px; table-layout:fixed  }
#coin-status-table .line {border-bottom: 1px solid #dfdfdf !important;}

#td-high-price {color: #cb4140; font-weight: bold}
#td-low-price {color: #0238b9 !important; font-weight:bold}

.quotes-blue-center, .quotes-red-center {width: 50%;}

.quotes-select {  background-size: 100% 100% !important;  width: 100%;  height: 100%;}
.txid-info{position: absolute;
top: 0;
left: -140px;
min-width: 200px;
background: #ffff;
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
word-wrap: break-word;
background-color: #f7f7f7;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 0.25rem;
z-index: 2;
padding: 15px;}
.txid-info h3{    border-bottom: 1px solid #ccc;    padding: 0 0 5px 0;    font-size: 15px; font-weight: bold }
.txid-info span{ display: block; padding: 5px; text-align:center}
.navbar{padding:0 1rem;     -webkit-box-shadow: 0px 10px 13px -7px #e1e1e1, 0px 0px 8px 0px rgb(0 0 0 / 4%);
    box-shadow: 0px 10px 13px -7px #e1e1e1, 0px 0px 8px 0px rgb(0 0 0 / 4%);}
.navbar-brand{ padding-top:0 !important;}
.modal-body img{ width:100% !important; height:auto !important;}
.modal-body table{ width:100% !important; border:1px solid #ccc; }
.modal-body table th{ background:#f1f1f1; border-bottom:1px solid #ccc; color:#000; font-weight:bold; }
.modal-body table th,td{ padding:5px;   word-break: break-word; }
form[name=frm_page] nav ul li:nth-child(1),
form[name=frm_page] nav ul li:nth-child(2){ display:none; }
form[name=frm_page] nav ul li:last-child{ display:none; }
html:lang(en) #mb_country_dial_code {  max-width: 100% !important;}
.signup-row {
 
}
.bg-white{ background:#fff !important; color:#000;}
.table th, .table td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #c9c9c9;
}
.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #ccc;
}
.table .thead-dark th {
color: #000 !important;
    background-color: #e7e7e7 !important;
    border-color: #d1d1d1 !important;
}
.form-control { 
    color: #000;
    background-color: #fff;
    border: 1px solid #dbdbdb;
}
.form-control:focus { 
    color: #000;
    background-color: #fff;
    border: 1px solid #dbdbdb;
}
 
.custom-select{background-color: #fff;
    color: #000;
}
    .modal-content{    background-color: #fff;}
.modal-header{border-bottom: 1px solid #dadada;}
.modal-header h4{color:#000!important;}
.modal-footer{border-top: 1px solid #dadada;}
.modal-footer label{ color:#000!important;}
.modal-body,.modal-title{color:#000}
.modal-title{ font-weight:bold;}
.orange{ color: #da291c  !important; }
.aqua{ color: #0051c7  !important;}
.text-danger {  color: #da291c !important; }
.text-primary { color: 007bff  !important;}
.bg-light {
    background-color: #fff !important;
}
.btn-outline-dark {
    color: #fff;
    background-color: #979797;
    background-image: none;
    border-color: #818181;
}
form[name=subForm] input {
background: none !important;
    cursor: pointer;
    width: 100% !important;
    outline: 0;
    color: #000;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}
.btn-primary {
    color: #fff;
    background-color: #73acfa;
    border-color: #73acfa;
}
.btn-primary:hover{
    color: #fff;
    background-color: #73acfa;
    border-color: #73acfa;
}
.btn-primary:active{
    color: #fff;
    background-color: #73acfa;
    border-color: #73acfa;
}
.btn-primary:focus{
    color: #fff;
    background-color: #73acfa;
    border-color: #73acfa;
}
.text-muted {
    color: #ababab !important;
}
.close {
    transform: scale(1);
    text-shadow: none !important;
    color: #000 !important;
}
.text-dark {
    color: #000 !important;
}
a.text-dark:hover, a.text-dark:focus{ color:#000 !important;}
 
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
    color: #000;
    background-color: transparent;
}
.qa-board tr td:nth-child(2) input{background:none !important; color:#000 !important;}


.api-table{width: 100% !important; border: 1px solid #424242 !important; margin-bottom: 40px}
.api-table th{background: #c7c7c7  !important; text-align: left; border-bottom: 1px solid #424242; padding-left: 10px; border-right: 1px solid #424242;}
.api-table td{background: none !important; color: #000 !important; border-bottom: 1px solid #424242;border-right: 1px solid #424242; padding-left: 10px !important;}
.api-table td:nth-child(1),.api-table th:nth-child(1){ width: 60px;}
.api-table td:nth-child(3),.api-table td:nth-child(4){ width: 60px;}

.api-table2{width: 100% !important; border: 1px solid #424242 !important; margin-bottom: 40px}
.api-table2 th{background: #c7c7c7  !important; text-align: left; border-bottom: 1px solid #424242; padding-left: 10px; border-right: 1px solid #424242;}
.api-table2 td{background: none !important; color: #000 !important; border-bottom: 1px solid #424242;border-right: 1px solid #424242; padding-left: 10px !important;}
.api-table2 td:nth-child(1){ width: 60px;}
.api-table2 td:nth-child(3){ width: 60px;}
.api-title{font-size: 1.3em; margin-bottom: 10px; display: block}
.api-respons{background: #14161b ; color: #fff !important; padding: 10px; line-height: 200%; text-overflow: clip; border:1px solid #424242}
.navbar-toggler-icon{ border-radius:4px; background-size: 80% 80% !important; background-color:#fff; bacgkround-image:none}
.navbar-toggler-icon:before {
content: "";
    position: absolute;
    left: 0;
    top: 10px;
    bottom: 0.21em;
    width: 70%;
        height: 20px;
    background: linear-gradient( to bottom, #da291c, #da291c 10%, white 20%, white 42%, #da291c 40%, #da291c 60%, white 60%, white 85%, #da291c 20%, #da291c 80% );
} 
#userCertifyVO{padding: 0;    margin: 0;    overflow: hidden;}
#certificationForm .alert-warning{background: #f9f9f9 !important; border: 1px solid #dfdfdf !important;  color: #000000 !important;}
.table-dark {
    color: #000 !important;
    background-color: #fff !important;
}
.col-content {
    border: 1px solid #cfcfcf !important;
    padding: 20px 20px 20px 20px !important;
    min-height: 150px;
    background: #ffffff !important;
    word-break: break-all;
    color: #000;
}
#verifi-doc .btn {
    border-radius: 0;
    font-size: 13px;
    border: 1px solid #ccc;
    color: #000;
   overflow: hidden;
   text-overflow: ellipsis;
    
}
#verifi-doc .btn a{  text-overflow: ellipsis; overflow: hidden;}
#verifi-doc .btn-primary{ color:#fff; background:#626262}
.btn-info{ background:#da291c !important}
.alert-warning{
    background: #f9f9f9 !important;
    border: 1px solid #ffffff !important;
    color: #000000 !important;
}
.table-dark th, .table-dark td, .table-dark thead th {
    border-color: #ccc !important;
}
.api-wrap{  padding: 20px 0 20px 20px; min-height: 190px; background: #fff; line-height: 180%; color: #000;}
.api-wrap h6 em{ font-style: normal; font-size: 12px; color: #6c757d; margin-left: 10px; }
.api-wrap h6{ color: #000;}
.api-wrap-content{ padding: 20px; max-height: 150px; overflow-y: scroll; background: #e7e7e7; color: #545e75; width: 96%; margin:20px 0 20px 0; display: block;}
.api-wrap .badge{ padding:5px !important;}
#order-buy label{ font-weight:bold;     color: #5e5e5e !important;}
#order-sell label{ font-weight:bold;     color: #5e5e5e !important;}
.order-cancel .btn{background-color: #da291c !important; border-color: #da291c !important;}
.nav-icon{ width:30px; margin-top:7px;}
.nav-icon span{ width:85%; height:3px; background-color:#939393; margin:5px 0; display:block}
.btn-danger {
    color: #fff;
    background-color: #da291c !important;
    border-color: #da291c !important;
}
.btn-outline-light{
    color: #000000  !important;
    background-color: transparent;
    background-image: none;
    border-color: #d8d8d8 !important;
}
.navbar-user{ position: absolute;
    top: 10px;
    left: 15px;
    color: #909090;
    font-size: 14px;}
    
.custom-check{padding: 0;}
.custom-check label.all{ font-weight:bold; font-size:14px; color:#000}
.custom-check label{color: #939393; position: relative; box-sizing: border-box; padding-left: 40px; vertical-align: middle; display: flex; align-items: center; height: 25px; font-size: 12px; margin-bottom:1rem;}
.custom-check label button{ position:absolute; top:0; right:0; outline:0; }
.custom-check input{  position: absolute;  opacity: 0;  cursor: pointer;  height: 0;  width: 0;}
.custom-check  .checkmark {position: absolute;  top: 0;  left: 5px;  height: 25px;  width: 25px;  background-color: #eee;  border-radius: 50%;}
.custom-check  input:checked ~ .checkmark {  background-color: #727272;}
.custom-check  .checkmark:before{ content: ""; left: 10px; display:block; position:absolute;  top: 7px;  width: 5px;  height: 10px; border: solid #c6c6c6; border-width: 0 3px 3px 0;   -webkit-transform: rotate(45deg);    -ms-transform: rotate(45deg);    transform: rotate(45deg);}
.custom-check  .checkmark:after {  content: "";  position: absolute;  display: none;}
.custom-check input:checked ~ .checkmark:after {  display: block;}
.custom-check  .checkmark:after {  left: 10px;  top: 7px;  width: 5px;  height: 10px;  border: solid white;  border-width: 0 3px 3px 0;  -webkit-transform: rotate(45deg);  -ms-transform: rotate(45deg);  transform: rotate(45deg);}
.custom-check  button{ background: none; border: 1px solid #ccc; color: #000; float: right; margin-left:10px}
.card-header{ background:#fff !important;}


form[name=subForm]{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
input{ text-overflow: ellipsis; overflow: hidden; }
 

#board-style{margin: 30px auto;}  
#board-style .col{box-shadow:0 0.125rem 0.25rem rgb(0 0 0 / 11%); margin-bottom: 25px;   padding: 0.5rem; border-radius: 0.25rem ; border: 1px solid #ebebeb; }
#board-style .row{ margin: 0 0 20px 0}
#board-style h5{ font-size: 13px; margin: 10px 0 0 0; white-space: normal;}
#board-style h5 button {background: none; border: 0; text-align: left; outline: none; margin:10px 0; font-weight: 500 !important; font-size: 14px; white-space: inherit; color:#000 !important}
#board-style .content{ color: #7a7979; height: 74px; overflow: hidden; margin-top: 15px}
#board-style .badge{ margin-bottom: 10px}
#board-style .time{ color: #7a7979; margin: 5px 0 0 0 !important }
#board-style .date{ padding: 0}
#board-style .date:before{font-family: "Font Awesome 5 Free";  font-weight: 900;  content: "\f017";   margin-right: 5px;}
#board-style .view:before{font-family: "Font Awesome 5 Free"; font-weight: 900;  content: "\f06e";  margin-right: 5px;}
#board-style a{ color: #000;}
#board-style .col-6{ padding-left: 0}

.qa-submenu{ margin: 50px 0 0 0;  border-bottom: 1px solid #d1d1d1;  padding: 5px 0;     display: inline-block;}
.qa-submenu div{ width:33%; display:block; float:left; }
.qa-submenu div .round-btn{border: 1px solid #eaeaea;}
.qa-submenu div .round-btn.active{color:#dc3545; font-weight:bold;}
.qa-submenu div .round-btn.active:after{ display:none;}

.radio-container {  display: block;  position: relative;  padding-left: 30px;  margin-bottom: 12px;  cursor: pointer;  font-size: 12px;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;}
.radio-container input {  position: absolute;  opacity: 0;  cursor: pointer;}
.radio-checkmark {  position: absolute;  top: 0;  left: 0;  height: 25px;  width: 25px;  background-color: #eee;  border-radius: 50%;}
.radio-container:hover input ~ .radio-checkmark { background-color: #ccc;}
.radio-container input:checked ~ .radio-checkmark {  background-color: #73acfa;}
.radio-checkmark:after {  content: "";  position: absolute;  display: none;}
.radio-container input:checked ~ .radio-checkmark:after { display: block;}
.radio-container .radio-checkmark:after { 	top: 9px;	left: 9px;	width: 8px;	height: 8px;	border-radius: 50%;	background: white;}
#order-remain-tab li{ width:50%;}
#order-remain-tab a{ font-size: 12px; text-align: center;  margin: 5px 5px;  border: 1px solid #cacaca;  padding: 5px; }
#order-remain-tab a.active{border: 1px solid #72baf3; color: #000; margin: 5px 5px; color: #2196f3;}
.order-cancel .btn{background-color: #da291c !important; border-color: #da291c !important;}
.scroll-wrap {max-height: 240px; overflow-y: auto;}
.scroll-wrap ::-webkit-scrollbar-track {
    border-radius: 0.125rem;
    background-color: lightgray;
  }

 .bbs01{ background:#73acfa !important;color:#fff !important}
 .bbs02{ background:#6610f2 !important;color:#fff !important}
 .bbs03{ background:#aaaaaa !important;color:#fff !important}
 .bbs04{ background:#d63384 !important;color:#fff !important}
 .bbs05{ background:#dc3545 !important;color:#fff !important}
 .bbs06{ background:#dc3545 !important;color:#fff !important}
 .bbs07{ background:#6e8eff   !important;color:#fff !important}
 .bbs08{ background:#fd7e14 !important;color:#fff !important}
 .bbs09{ background:#ffc107 !important;color:#fff !important}
 .bbs10{ background:#c70d00  !important;color:#fff !important}
 .bbs11{ background:#ff1d1d !important;color:#fff !important}
 
 .project01{ background:#0d6efd !important;color:#fff !important}
 .project02{ background:#6610f2 !important;color:#fff !important}
 .project03{ background:#686868  !important;color:#fff !important}
 .project04{ background:#28a745  !important;color:#fff !important}
 .project05{ background:#dc3545 !important;color:#fff !important}
 
 .badge00{ display:none !important;}
 .badge01{background-color: #28a745 !important; color:#fff; } /*경고*/
 .badge02{color: #fff !important;  background-color: #c30fd8  !important;} /*주의*/
 .badge03{background-color: #fd7e14 !important; color:#fff;} /*유의*/
 .badge04{background-color: #dc3545 !important; color:#fff;} /*신규*/
 .badge05{background-color: #007bff !important; color:#fff;} /*이벤트*/ 
 
 
 #trade-won{ margin-bottom:20px}