@charset "utf-8";

@font-face {
  font-family: 'Pretendard';
  font-weight: 900;
  font-display: fallback;
  src: local('Pretendard ExtraBold'), 
  url('../fonts/woff2-subset/Pretendard-ExtraBold.subset.woff2') format('woff2'),
  url('../fonts/woff-subset/Pretendard-ExtraBold.subset.woff') format('woff');
}
@font-face {
  font-family: 'Pretendard';
  font-weight: 700;
  font-display: fallback;
  src: local('Pretendard Bold'), 
  url('../fonts/eot-subset/Pretendard-Bold.subset.eot?#iefix') format('embedded-opentype'),
  url('../fonts/woff2-subset/Pretendard-Bold.subset.woff2') format('woff2'),
  url('../fonts/woff-subset/Pretendard-Bold.subset.woff') format('woff');
}
@font-face {
  font-family: 'Pretendard';
  font-weight: 600;
  font-display: auto;
  src: local('Pretendard Medium'), 
  url('../fonts/eot-subset/Pretendard-Medium.subset.eot?#iefix') format('embedded-opentype'),
  url('../fonts/woff2-subset/Pretendard-Medium.subset.woff2') format('woff2'), 
  url('../fonts/woff-subset/Pretendard-Medium.subset.woff') format('woff');
}
@font-face {
  font-family: 'Pretendard';
  font-weight: 400;
  font-display: auto;
  src: local('Pretendard Regular'), 
  url('../fonts/eot-subset/Pretendard-Regular.subset.eot?#iefix') format('embedded-opentype'),
  url('../fonts/woff2-subset/Pretendard-Regular.subset.woff2') format('woff2'), 
  url('../fonts/woff-subset/Pretendard-Regular.subset.woff') format('woff');
}

/***** Reset *****/
:root {
  --Backgroundcolor1:#0B1016;
  --Backgroundcolor2:#10161E;
  --fontColor: #fff;
  --Primary:#376CFB;
  --light1_1:#49E284;
  --light1_2:#2EC267;
  --light2_1:#FC5858;
  --light2_2:#E23232;
  --Gray1:#A1A1A1;
}

/**Reset**/
*{-webkit-text-size-adjust:none;box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;}
html,body{margin:0;padding:0;height:100%;}
body{font:16px/1.5 'Pretendard', 'malgun gothic', 'AppleGothicNeoSD', 'Apple SD 산돌고딕 Neo', 'Microsoft NeoGothic', 'Droid sans', Dotum, Gulim, sans-serif;color:var(--fontColor);letter-spacing:0;word-break:keep-all;background:var(--Backgroundcolor);}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,tbody,tfoot,thead,th,td{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}
table{width:100%;table-layout:fixed;border-spacing:0;border-collapse:collapse;}
ol,ul,li{list-style:none}
em{font-style:normal;font-weight:bold;}
img,fieldset{border:0}
img{vertical-align:top;max-width:100%;}
a,input,textarea,select,td,th,button{font-family:'Pretendard', 'malgun gothic', 'AppleGothicNeoSD', 'Apple SD 산돌고딕 Neo', 'Microsoft NeoGothic', 'Droid sans', Dotum, Gulim, sans-serif;font-size:14px;color:var(--fontColor);;border-radius:0;}
button{cursor:pointer;margin:0;padding:0;border:0;vertical-align:middle;-webkit-appearance: none;-moz-appearance: none; appearance: none;overflow:visible;text-transform:none;background:none;}
button:active,button:hover,button:focus{outline:0;-webkit-tap-highlight-color:transparent;}
address{font-style:normal}
a{display:inline-block;color:inherit;cursor:pointer;text-decoration:none;}
a:hover,a:focus,a:active{cursor:pointer;text-decoration:none;outline:none}
input[type='button']{cursor:pointer;border:0;-webkit-appearance:none;}
input[type='checkbox']{-webkit-appearance:checkbox;width:18px;height:18px;}
input[type='radio']{-webkit-appearance:radio;width:18px;height:18px;}
input[type='search']::-webkit-search-cancel-button{-webkit-appearance:none;}
input[type='text'],input[type='password'],input[type='number']{background:transparent;border:1px solid #2A333D;border-radius:4px;height:40px;width:100%;padding:0 12px;font-size:12px;}
input[type='search']{}
input[type='text']::-ms-clear{display:none;}
input[type="submit"]{cursor:pointer;border:none;}
input[type='search']{background:#fff;border:1px solid #c0c0c0;}
input[type='text']:focus,input[type='password']:focus,input[type='number']:focus{}
input:focus,select:focus{outline:none;outline:0;}
input:disabled{background-color:var(--Gray050);border-color:var(--Gray100);color:var(--Gray200);cursor:default;}
select{appearance:none;-moz-appearance:none;-webkit-appearance:none;background:transparent url(../images/arr_select.png) no-repeat right 12px center;background-size:16px 16px;color:inherit;width:100%;vertical-align:middle;color:var(--fontColor);border:0;border:1px solid #2A333D;border-radius:4px;height:40px;padding-left:12px;}
select::-ms-expand{display:none;/*for IE10,11*/}
select:disabled{cursor:default;}
textarea{width:100%;}
textarea:focus,textarea:focus{outline:none;outline:0;border-color:#50555C;}
textarea:disabled{cursor:default;}
label{display:inline-block;}
input, label{vertical-align:middle}
span{font-family:'Pretendard', 'malgun gothic', 'AppleGothicNeoSD', 'Apple SD 산돌고딕 Neo', 'Microsoft NeoGothic', 'Droid sans', Dotum, Gulim, sans-serif;}
caption{overflow:hidden;position:absolute;top:-1px;left:-1px;z-index:-1;width:1px;height:0px;line-height:0;white-space:nowrap;text-indent:-9999px;}
legend.hide{visibility:hidden;position:absolute;top:-99999px;left:-99999px;margin-top:-99999px;margin-left:-99999px;}
iframe{border:0}
area{border:0;outline:0}
figure{padding:0;margin:0;}
i{font-style:normal;}

::placeholder{color:#2A333D;font-size:12px;}

body.light-mode{background:var(--Backgroundcolor1);}

/* Common */
.wrapper{width:100%;height:100vh;overflow:hidden;}
.header{width:100%;height:55px;background:var(--Backgroundcolor1);display:flex;justify-content:space-between;align-items:center;padding-left:18px;}
.header .logo{background:url(../images/logo.png) no-repeat 0 0;width:95px;height:20px;background-size:contain;font-size:0;text-indent:-9999px;overflow:hidden;}
.top_menu{margin-right:6px;display:flex;}
.ico_user{background:url(../images/ico_user.png) no-repeat center center;}
.ico_user_plus{background:url(../images/ico_user_plus.png) no-repeat center center;}
.ico_light{background:url(../images/ico_light.png) no-repeat center center;}
.ico_dark{background:url(../images/ico_dark.png) no-repeat center center;}
.ico_login{background:url(../images/ico_login.png) no-repeat center center;}
.ico_logout{background:url(../images/ico_logout.png) no-repeat center center;}
.top_menu .ico_t{display:block;width:44px;height:55px;background-size:24px 24px;}

.container{height:calc(100vh - 125px);background:var(--Backgroundcolor2);}
.cont_top_div{height:54px;padding:12px 18px;border-bottom: 1px solid #2A333D;}
.cont_top_div.bbx{border-bottom:0;}
.cont_top_div>*,
.cont_title_div>*{display:inline-block;vertical-align:middle;}

.cont_top_div .title>*,
.cont_title_div .title>*{display:inline-block;vertical-align:middle;}
.ico_sdt{width:20px;height:20px;margin-right:6px;background-repeat:no-repeat;background-position:center;background-size:contain;}
.cont_top_div .title span,
.cont_title_div .title span{font-size:16px;font-weight:600;}

.cont_title_div{height:30px;}
.cont_title_div .badge{min-width:56px;height:22px;line-height:22px;border-radius:4px;font-size:15px;font-weight:600;color:#000;text-align:center;padding:0 4px;margin-left:11px;margin-right:34px;}
.cont_title_div .badge.rise{background:var(--light1_2);}
.cont_title_div .badge.fall{background:var(--light2_2);}
.cont_title_div strong{font-size:17px;font-weight:600;}

.ico_btcu_sdt{background-image:url(../images/ico_btcu_sdt.png);}
.ico_ethu_sdt{background-image:url(../images/ico_ethu_sdt.png);}
.ico_solu_sdt{background-image:url(../images/ico_solu_sdt.png);}


.footer{width:100%;height:70px;background:var(--Backgroundcolor1);}
.bottom_menu{padding:0 10px;display:flex;justify-content:center;height:inherit;}
.bottom_menu li{width:20%;}
.bottom_menu li a{display:block;width:100%;height:100%;text-align:center;padding-top:14px;}

.bt1{background-image:url(../images/ico_bt_1.png);}
.bt2{background-image:url(../images/ico_bt_2.png);}
.bt3{background-image:url(../images/ico_bt_3.png);}
.bt4{background-image:url(../images/ico_bt_4.png);}
.bt5{background-image:url(../images/ico_bt_5.png);}

.bottom_menu .on span{color:#fff;}
.bottom_menu .on .bt1{background-image:url(../images/ico_bt_1_on.png);}
.bottom_menu .on .bt2{background-image:url(../images/ico_bt_2_on.png);}
.bottom_menu .on .bt3{background-image:url(../images/ico_bt_3_on.png);}
.bottom_menu .on .bt4{background-image:url(../images/ico_bt_4_on.png);}
.bottom_menu .on .bt5{background-image:url(../images/ico_bt_5_on.png);}

.ico_bt{display:block;width:24px;height:24px;margin:0 auto 6px;background-repeat:no-repeat;background-position:center;background-size:contain;}
.bt_m{display:block;color:var(--Gray1);font-size:12px;font-weight:700;line-height:12px;}

.content{padding:20px 18px 0;height:calc(100% - 54px);}
.content_inner{display:flex;}

.left_sec{/*width:calc(100% - 135px);*/width:58.3%;margin-right:10px;}

.publish_content{height:calc(100% - 118px);}
.publish_content+.btn_div{margin:0 18px;}

.select_box{border:1px solid #2A333D;border-radius:4px;padding:10px 12px;height:40px;width:100%;position:relative;margin-bottom:12px;}
.select_box .label{font-size:12px;position:absolute;top:10px;left:10px;}
.select_box .in-select{text-align:right;position:absolute;top:0;right:0;height:inherit;line-height:inherit;text-align:right;font-size:11px;}

.select_btn_box{height:40px;width:100%;position:relative;margin-bottom:12px;}
.select-btn{border:1px solid #2A333D;border-radius:4px;padding:10px 12px;height:40px;width:100%;background:transparent url(../images/arr_select.png) no-repeat right 12px center;background-size:16px 16px;position:relative;}
.select-btn.on{background-image:url(../images/arr_select_on.png);}
.select-btn .label{font-size:12px;position:absolute;top:12px;left:10px;}
.select-btn .selected{font-size:11px;font-weight:500;position:absolute;top:13px;right:34px;}

.long_number{color:var(--light1_2);}
.short_number{color:var(--light2_2);}

.btn_ipt_box .number{font-size:11px;font-weight:500;position:absolute;top:13px;}
.btn_ipt_box .long_number{right:60px;}
.btn_ipt_box .short_number{right:34px;}
.btn_ipt_box .number1{right:45px;text-align:right;}
.btn_ipt_box .percent{right:34px;}

.btn_ipt_box+.drop_down{padding:15px 10px;}

.drop_down{position:absolute;top:40px;z-index:90;background:#0D1015;width:inherit;display:none;}
.drop_down.active{display:block;}
.drop_down .hr{margin:15px 0;width:100%;height:1px;border:1px solid #2A333D;}
.drop_down .label_txt{font-size:12px;font-weight:500;margin-bottom:12px;}
.drop_down .posi_ipt_div{display:flex;justify-content:space-between;width:100%;height:24px;}
  .btn_p{}
  .btn_p_minus{background:url(../images/btn_p_minus.png) no-repeat 0 0;}
  .btn_p_plus{background:url(../images/btn_p_plus.png) no-repeat 0 0;}
.drop_down .btn_p{display:inline-block;width:24px;height:24px;background-size:contain;}
.drop_down .posi_ipt_div .ipt_div{width:calc(100% - 48px);}
.ipt_div .ipt_p{background:transparent;border:0;border-radius:0;text-align:center;font-size:20px;width:57%;height:24px;text-align:right;padding-right:0;}
.ipt_p_long{color:var(--light1_2);}
.ipt_p_short{color:var(--light2_2);}
.drop_down .btn{background:#525D68;border-radius:3px;height:30px;font-size:13px;margin-top:15px;}

.drop_down ul{}
.drop_down ul li{border-top:1px solid #2A333D;height:40px;padding:14px 10px;font-size:12px;line-height:1;}
.drop_down ul li:first-child{border-top:0;}


.right_sec{/*width:125px;*/width:38.5%;flex-shrink:0;}
.right_sec ul li{height:40px;margin-bottom:12px;}
.s_price{padding:6px 8px;display:flex;align-items:center;justify-content:space-around;border: 1px solid var(--Backgroundcolor2);}
.s_price.on{border-radius:4px;border: 1px solid var(--Gray1);}
.s_price .div1{text-align:center;position:relative;}
.s_price .div1 .badge{display:inline-block;width:12px;height:12px;line-height:11px;background:#fff;border-radius:2px;font-size:10px;font-weight:600;color:#000;text-align:center;position:absolute;top:0;left:-15px;}

.s_price .div1 p{font-size:11px;font-weight:600;line-height:1;margin-bottom:4px;}
.s_price .div1 span{font-size:10px;font-weight:400;line-height:1;display:block;}

.s_price .div2{text-align:center;position:relative;font-size:10px;font-weight:400;}

.s_price.rise .div1{color:var(--light1_1);}
.s_price.rise .div1 .badge{background:var(--light1_1);}
.s_price.rise .div2{color:var(--light1_2);}

.s_price.current .div1{color:var(--Gray1);}
.s_price.current .div2{color:var(--light2_1);}

.s_price.fall .div1{color:var(--light2_1);}
.s_price.fall .div1 .badge{background:var(--light2_1);}
.s_price.fall .div2{color:var(--light2_2);}


.order_quantity{display:flex;justify-content:space-between;align-items:center;font-size:12px;height:40px;}

.ico_refresh{display:inline-block;vertical-align:middle;background:url(../images/ico_refresh.png) no-repeat center center;width:15px;height:15px;background-size:contain;margin-left:12px;animation-play-state: paused;}
.ico_refresh.on{ animation: rotate 4.5s linear infinite;animation-play-state: running;
    transform-origin: 50% 50%;}
  @keyframes rotate {

    100% {
        transform: rotate(-360deg);
    }
  }

/* Button */
.btn{display:inline-block;width:100%;height:44px;background:var(--Primary);border-radius: 6px;font-size:15px;font-weight:400;color:#fff;text-align:center;}
.btn:disabled{background-color:#525D68;}

.scroll{overflow-y:auto}

/* 3 - 포지션*/
.position_sec{padding-bottom:30px;}
.position_sec+.position_sec{border-top:1px solid #2A333D;padding-top:30px;}

.card_wrap{display:flex;flex-wrap:wrap;align-items:center;align-content:flex-start;margin:12px auto 0;}
.po_card{border-radius:6px;background:rgba(73, 226, 132, 0.20);width:calc(50% - 6px);height:62px;text-align:center;margin-bottom:12px;}
.po_card{display:flex;align-items:center;justify-content:center;flex-direction:column;}
.po_card:nth-child(even){margin-left:12px;}
.po_card p{font-size:13px;font-weight:600;color:#fff;}
.po_card strong{display:block;font-size:15px;font-weight:700;}

.po_card.rise{background:rgba(73, 226, 132, 0.20);}
.po_card.rise strong{color:var(--light1_2);}
.po_card.fall{background:rgba(252, 88, 88, 0.20);}
.po_card.fall strong{color:var(--light2_1);}

.po_info{display:flex;flex-wrap:wrap;align-items:center;align-content:flex-start;margin:12px auto 0;}
.po_info .div{display:flex;justify-content:space-between;width:calc(50% - 6px);padding:8px 0;}
.po_info .div:nth-child(even){margin-left:12px;}
.po_info .div2{flex-grow:0;width:100%;position:relative;}
.po_info .div .txt1{font-size:13px;font-weight:600;color:#fff;}
.po_info .div .txt2{font-size:13px;font-weight:600;color:var(--Gray1);padding-right:10px;}
.po_info .div .txt2>*{display:inline-block;vertical-align:middle;margin-left:7px;}
.po_info .div2 .txt2{padding-right:0;}
.po_info .div .btn_edit{display:inline-block;width:50px;height:20px;background:#2A333D url(../images/ico_edit.png) no-repeat center 3px;background-size:13px 13px;border-radius:2px;font-size:0;text-indent:-9999px;overflow:hidden;margin-left:17px;}
.po_info .drop_down{padding:15px;}

.btn_div{display:flex;margin-top:12px;}
.position_sec .btn_div .btn{width:50%;}
.position_sec .btn_div .btn+.btn{margin-left:12px;}

/* 4-주문내역*/
.order_sec{padding-bottom:30px;border-bottom:1px solid #2A333D;margin-bottom:30px;}
.order_sec .cont_title_div{margin-bottom:10px;}
.label_div{}
.label_div .label{display:inline-block;height:19px;line-height:19px;padding:0 6px;border-radius:2px;background:#3A4149;color:var(--Gray1);font-size:10px;font-weight:500;margin-right:5px;}
.label_div .label.rise{background: rgba(252, 88, 88, 0.20);color:var(--light2_1);}
.label_div .label.fall{background: rgba(73, 226, 132, 0.20);color:var(--light1_1);}
.order_list{margin-top:10px;}
.order_list li{display:flex;justify-content:space-between;width:100%;height:32px;align-items:center;}
.order_list .txt{font-size:13px;color:var(--Gray1);}
.order_list .num{font-size:13px;font-weight:600;color:#fff;}
.order_list .num.rise{color:var(--light2_1);}
.order_list .num.fall{color:var(--light1_2);}

/* 5-지갑 */
.wallet_content{padding:12px 18px;}
.wallet_sec{padding-top:10px;padding-bottom:30px;}
.wallet_sec+.wallet_sec{border-top:1px solid #2A333D;padding-top:30px;}
.usdt_chart_div{display:flex;align-items:center;width:324px;margin:0 auto;}
.usdt_chart_div .total_div{text-align:center;width:50%;}
.usdt_chart_div .total_div p{font-size:15px;margin-bottom:8px;}
.usdt_chart_div .total_div strong{font-size:28px;font-weight:500;}
.circle_chart{text-align:center;width:50%;}
.wallet_sec .tit{font-size:12px;margin-bottom:12px;}
.wallet_sec .legend{width:264px;margin:12px auto 0;}
.legend{display:flex;flex-wrap:wrap;justify-content:space-between;}
/*.legend li{width:114px;}*/
.legend li:nth-child(2n){/*margin-left:40px;*/}
.legend li>*{display:inline-block;vertical-align:middle;}
.legend .dot{width:7px;height:7px;border-radius:50%;}
.legend .dot.dot1{background:#2EC267;}
.legend .dot.dot2{background:#FF7B4F;}
.legend .dot.dot3{background:#376CFB;}
.legend .dot.dot4{background:#fff;}
.legend .label{font-size:12px;font-weight:400;color:var(--Gray1);width:50px;}
.legend .percent{font-size:12px;font-weight:600;color:#fff;text-align:right;width:48px;}

.wallet_sec .select_btn_box{margin-bottom:20px;}
.arr_exchange{display:block;width:14px;height:14px;background:url(../images/arr_exchange.png) no-repeat center center;background-size:contain;margin:0 auto 20px;}

/*회원가입*/
.member_content{height:calc(100vh - 179px);padding-bottom:20px;}
.ipt_field{margin-bottom:14px;}
.ipt_field .label{font-size:12px;font-weight:600;line-height:12px;margin-bottom:12px;}
.ipt_field .ipt_div{display:flex;}
.ipt_field .ipt_div span{font-size:12px;color:#2A333D;line-height:40px;width:14px;text-align:center;flex-shrink:0;}
.ipt_field .ipt{background:transparent;border:1px solid #2A333D;}
.member_content .btn{margin-bottom:14px;}


.loading_wrap{position:fixed;top:0;left:0;width:100%;height:100%}
.loading{display:block;width:60px;height:60px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:100;margin-top:-30px;margin-left:-30px;background:url(../images/loading.png) no-repeat 0 0;background-size:contain;}
.loading_wrap::after{content:'';display:block;width:100vw;height:100vh;position:fixed;z-index:95;background:rgba(0,0,0,0.6);}
.loading{-webkit-animation: hourglass 1.5s ease-in-out infinite;
      animation: hourglass 1.5s ease-in-out infinite;}
@-webkit-keyframes hourglass{
    0%{-webkit-transform:rotate(0deg);}
    100%{-webkit-transform:rotate(180deg);}
}

@keyframes hourglass{
    0%{
      transform:rotate(0deg);
      /*transform: scale(1);
      transition: transform 1s;*/
    }
    /*50%{
      transform:rotate(0deg);
      transform: scale(1.2);
      transition: transform 1s;
    }*/
    100%{
      transform:rotate(180deg);
      /*transform: scale(1);
      transition: transform 1s;*/
    }
}

@keyframes loader1 {
    from { transform: scale(0.7); opacity: 1; }
    to   { transform: scale(1); opacity: 0.7; }
}


/* XCLOUD 추가페이지 - 250109 */
.sub_1.container .content{height:calc(100vh - 291px);padding-bottom:45px;}
.cont_top_div2{padding:10px 18px;}
.cont_top_div2 .txt1{font-size:15px;line-height:31px;}
.cont_top_div2 strong{display:block;font-size:28px;line-height:28px;font-weight:500;margin:8px 0;}
.cont_top_div2 .txt2{font-size:20px;line-height:31px;}

.x_tab{display:flex;justify-content:flex-start;margin:0 18px;border-bottom:1px solid #2A333D;}
.x_tab li{margin-left:24px;}
.x_tab li:first-child{margin-left:0;}
.x_tab li a{display:block;height:40px;padding-top:10px;font-size:15px;font-weight:500;color:#A1A1A1;}
.x_tab li.on a{border-bottom:1px solid #fff;color:#fff;}

.search_div{display:flex;align-items:center;margin-bottom:20px;}
input.ipt_srch{background:#1D252E url(../images/ico_srch.png) no-repeat left 12px top 10px;background-size:18px 18px;padding-left:38px;border:1px solid #2A333D;border-radius:4px;width:calc(100% - 153px);font-size:14px;}
input.ipt_srch::placeholder{color:#fff;font-size:14px;}
.search_div .chk_div{margin-left:12px;position:relative;height:18px}

.ipt_chk{position:absolute;top:0;left:0;z-index:-1;visibility: hidden;text-indent:-9999px;}
.label_chk{position:relative;cursor:pointer;line-height:1;height:18px;vertical-align:top}
.label_chk::before{display:inline-block;vertical-align:top;width:16px;height:16px;pointer-events:none;content:'';background:transparent;border:1px solid #2A333D;border-radius:2px;}
.label_chk span{display:inline-block;vertical-align:top;font-size:14px;font-weight:400;margin-left:8px;line-height:18px;}
.label_chk::after{content:'';position:absolute;display:block;width:14px;height:14px;top:4px;left:4px;}
.label_chk::before{transition:background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
.ipt_chk:checked+.label_chk::before{background:transparent url(../images/chk.png) no-repeat center center;} 

table.tbl_st{}
.tbl_st th{background:#1D252E;padding:17px 12px;text-align:left;font-size:16px;font-weight:600;}
.tbl_st td{background:transparent;padding:11px 0;text-align:left;font-size:16px;font-weight:600;border-bottom:1px solid #2A333D;}
td.td_name>*{display:inline-block;vertical-align:middle;}

td.td_rate{font-size:15px;}
td.rise{color:var(--light1_2);}
td.fall{color:var(--light2_1);}
td.td_num{}
td.td_num p{font-size:15px;font-weight:600;line-height:15px;}
td.td_num span{display:block;font-size:11px;font-weight:400;color:#A1A1A1;line-height:11px;margin-top:5px;}

.ico_usdt{background-image:url(../images/ico_usdt.png);}
.ico_xrp{background-image:url(../images/ico_xrp.png);}
.ico_doge{background-image:url(../images/ico_doge.png);}

.sub_1 .po_info .drop_down{padding:15px 15px 40px;}

.sub_2.container .content{height:calc(100vh - 332px);padding-bottom:45px;position:relative;padding-top:20px;}

.current_div{display:flex;justify-content:flex-start;}
.current_div div{text-align:left;flex-grow: 1;}
.current_div div p{font-size:13px;font-size:600;line-height:13px;margin-bottom:7px;}
.current_div div strong{font-size:18px;font-size:500;line-height:18px;display:block;margin-bottom:7px;}
.current_div div span{font-size:11px;font-weight:400;line-height:11px;display:block;margin-bottom:8px;}

.current_div .rise strong{color:var(--light1_2);}
.current_div .rise span{color:var(--light1_1);}
.current_div .fall strong{color:var(--light2_2);}
.current_div .fall span{color:var(--light2_1);}

.label_btn_div{display:flex;justify-content:flex-start;margin-bottom:20px;}
.label_btn_div .label_btn{margin-right:8px;}
.label_btn{height:18px;background:#3A4149;border-radius:20px;font-size:10px;line-height:1;color:#a1a1a1;padding:4px 6px;}
.label_btn.on{background: #376CFB33;color:#4E7EFF;}

.cont_title_div{position:relative;}
.btn_share{display:inline-block;width:17px;height:17px;background:url(../images/btn_share.png) no-repeat center center;background-size:contain;}
.cont_title_div .btn_share{position:absolute;top:7px;right:0;}
.txt_details{font-size:12px;font-weight:600;color:var(--Primary);padding:9px 0;}
.x_cont{margin-bottom:60px;}
.x_cont.last{margin-bottom:20px;}
.x_cont .cont_title_div{height:32px;position:relative;}
.sub_2 .x_cont .cont_title_div .btn_share{position:absolute;top:0;right:0;}
.x_cont .cont_top_div .title span{font-size:15px;}
.x_cont .order_list{margin:0;}
.x_cont .chart_div{position:relative;padding-top:20px;}
.x_cont .chart_div .txt_unit{position:absolute;top:0;right:0;font-size:11px;color:#a1a1a1;}

.sub_2 .content .btn_share{position:absolute;top:20px;right:18px;}
.calendar_box{border:1px solid #2A333D;border-radius:6px;padding:15px 8px;margin-top:32px;position:relative;}
.calendar_select{border:0;height:21px;padding:0 0 0 8px;width:80px;background:transparent url(../images/arr_c_select.png) no-repeat right 8px center;background-size:6px 6px;}
.btn_pnl{display:inline-block;height:21px;padding:0 9px;background:#1D252E;border-radius:100px;font-size:10px;font-weight:500;line-height:11px;}
.btn_pnl.on{background:#3A4149;}
.calendar_box .btn_pnl{position:absolute;top:15px;right:16px;}

table.calendarT{}
.calendarT th{background:transparent;font-size:12px;color:#A1A1A1;text-align:center;height:40px;font-weight:400;}
.calendarT td{text-align:center;border: solid 2px #10161E;height:50px}
.calendarT td>div{background:#FFFFFF05;border-radius:4px;padding:9px 0;}
.calendarT td div strong{display:block;font-size:15px;font-weight:400;color:#FFFFFF4D;height:18px;line-height:18px;}
.calendarT td p{font-size:10px;font-weight:400;height:15px;line-height:15px;}
.calendarT td .fall strong,
.calendarT td .rise strong{color:#fff;}
.calendarT .fall{background: #FC58581A;}
.calendarT .fall p{color:var(--light2_1);}
.calendarT .rise{background: #49E2841A;}
.calendarT .rise p{color:var(--light1_1);}

.month{height:36px;padding-top:10px;font-size:16px;font-weight:600;line-height:1;margin-top:10px;}