@charset "utf-8";

body {
    background: #050505;
}

/* 헤더 스타일 */
#HEAD {
    background: #000;
    border-bottom:1px solid #111;
}

/* 메인 자산 타이틀 */
#ASSET {
    color: #888;
}

#ASSET A {
    color: #888;
}
/* 상단 : 메인 타이틀 */
#ASSET .Main_Title {
    border-bottom: 1px solid #222;
}

#ASSET .Main_Title .Title_Txt {
    background: #020202;
}

#ASSET .Title_Total {
    font-size: 200px;
    text-align: center;
    font-family: 'Poiret One', sans-serif;
    font-weight: 100;
    padding: 0px 0px 50px 0px;
}

#ASSET .Title_Total li {
    display: inline-block;
    width: 1100px;
    text-align:left;
}

#ASSET .Title_Total span {
    font-size: 50px;
    font-weight: 900;
}

#ASSET .Title_Asset {
    border-top: 1px solid #111;
    text-align: center;
    padding: 30px 0px 40px 0px;
}

#ASSET .Title_Asset li {
    font-family: 'Poiret One', sans-serif;
    font-size: 50px;
}

#ASSET .Title_Asset li label {
    display: inline-block;
}

#ASSET .Title_Asset li label span {
    font-size: 20px;
}

#ASSET .Title_Asset li .txt_kor {
    font-size: 18px;
    font-family: 'Noto+Sans+KR', sans-serif;
    font-weight: 300;
}

#ASSET .Title_Asset li .ul_pure_roi {
    width: 170px;
    text-align: left;
}

#ASSET .Title_Asset li .ul_pure_profit {
    width: 350px;
    text-align: left;
}

#ASSET .Title_Asset li .Label_Boundary {
    color:#333;
    font-size: 30px;
    padding: 0px 10px;
}

/* 중앙 : 메인 박스 */
#ASSET .Main_Box {
    background: #070707;
    border: 1px solid #222;
    border-radius: 5px;
    margin: 5px;
}


#ASSET .Box_Title {
    background: #101010;
    border-bottom: 1px solid #222;
    border-radius: 8px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;
    padding: 10px;
    font-weight: 700;
}

#ASSET .Box_Title .Box_Move span:hover  {
    color: #ff0000;
    transition: 0.7s;
}

#ASSET .Box_Title .Box_Home span:hover  {
    color: #e4a215;
    transition: 0.7s;
}

.Box_Title_name {
    background: #000;
    border: 1px solid #222;
    border-radius: 30px;
    font-size: 1.2rem;
    font-weight: 500;
    margin-left: 20px;
    padding: 5px 30px;
}

#ASSET .Box_Title .Box_Link {
    float: right;
    padding-right: 5px;
}

#ASSET .Box_Title .Box_Link span:hover {
    color: #00ff00;
    transition: 0.7s;
}

#ASSET .Box_Title i {
    font-size: 30px;
    margin: 0px 10px;
}

#ASSET .Box_Asset_Info {
    overflow: hidden;
    background: #020202;
    border-bottom: 1px solid #222;
    font-size: 20px;
    font-family: 'Poiret One', sans-serif;
    font-weight: 100;
    padding-top: 30px;
}

#ASSET .Box_Asset_Info ul {
    float:left;  
}

#ASSET .Box_Total_naem {
    font-size: 18px;
    font-family: 'Noto+Sans+KR', sans-serif;
    font-weight: 300;
}

#ASSET .Box_Asset_Info_Total {
    font-size: 60px;
    height: 130px;
    line-height: 130px;
    padding: 0px 20px;
}

#ASSET .Box_Asset_Info_Total span {
    font-size: 20px;
}

#ASSET .Box_Asset_Info_Total .ul_buy_ratio {
    display: inline-block;
    width: 200px;
}

#ASSET .Box_Asset_Info_Total .ul_cur_pv {
    display: inline-block;
    width: 280px;
}

#ASSET .Box_Asset_Info_Detail_1 {
    width: 300px; 
    font-size: 30px;
    margin-left: 50px;
    padding-top:22px;
}

#ASSET .Box_Asset_Info_Detail_1 .txt_kor {
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

#ASSET .Box_Asset_Info_Detail_1 span {
    font-size: 16px;
}

#ASSET .Box_Average {
    overflow: hidden;
    border-bottom: 1px solid #222;
    font-size: 20px;
    font-family: 'Poiret One', sans-serif;
    font-weight: 100;
}

#ASSET .Box_Average .Box_Day { width: 300px; }

#ASSET .Box_Average .Box_Amount { width: 550px; }

#ASSET .Box_Average ul li {
    float:left; 
    font-size: 45px;
    height: 110px;
    line-height: 110px;
    padding: 0px 20px;
}

#ASSET .Box_Average ul li span {
    font-size: 20px;
}

#ASSET .Box_Data_Table {
        
}

#ASSET .Box_Data_Table ul {
    font-size: 18px;
    font-family: 'Poiret One', sans-serif;
    font-weight: 300;
}

#ASSET .Box_Data_Table ul li {
    border-bottom: 1px solid #111;
}

#ASSET .Box_Data_Table ul li label {
    display: inline-block; 
    padding: 20px;
    margin-bottom: -4px;
}

#ASSET .Box_Data_Table ul li .Box_Table_Subject {
    width:250px;
    background: #020202;
}

#ASSET .Box_Data_Table ul li .Box_Table_Val {
    width: 350px;
    font-size: 30px;
    text-align: right; 
    margin-right: 100px;
}

#ASSET .Box_Data_Table ul li .Box_Table_Help {

    font-size: 16px;
}

#ASSET .Box_Data_Table ul li label span {
    font-size: 15px;;
}














/* 1. 스크롤바 전체 너비 설정 */
::-webkit-scrollbar {
    width: 10px;  /* 세로 스크롤바 너비 */
    height: 10px; /* 가로 스크롤바 높이 */
}

/* 2. 스크롤바 배경 (트랙) - 오빠가 말한 #050505 적용 */
::-webkit-scrollbar-track {
    background: #050505; 
}

/* 3. 스크롤바 막대 (핸들) - 약간 밝은 회색이나 사이버 포인트 컬러 추천 */
::-webkit-scrollbar-thumb {
    background: #333; /* 막대 색상: 너무 밝지 않은 진회색 */
    border-radius: 10px; /* 둥글게 깎아서 세련되게 */
    border: 2px solid #050505; /* 배경이랑 살짝 간격 생겨서 더 깔끔함 */
}

/* 4. 마우스 올렸을 때 막대 색상 (포인트!) */
::-webkit-scrollbar-thumb:hover {
    background: #03e9f4; /* 오빠가 좋아할 만한 사이버 블루/민트색 */
    box-shadow: 0 0 10px #03e9f4; /* 빛나는 네온 효과 */
}