body { 
    background:#0f172a; 
    color:#e2e8f0; 
    font-family:sans-serif; 
    margin:0; padding:20px; 
}
.header {
    display: flex;
    align-items: center;
    background: #0f172a;
    border-bottom: 1px solid #2a3458;
    padding: 20px 40px;
}
.Header_Block_1 {
    border-right: 1px solid #2a3458;
    padding-right: 20px;
}
.Header_Block_2 {
    display: flex;
    padding: 0px 30px;
}
.Header_Block_3 {
    font-size: 16px;
    font-weight: 500;
    padding-left: 20px;
    border-left: 1px solid #2a3458;
}
.Header_Block_3 span {
    font-size: 13px;
    color: #94a3b8;
}
.Header_Block_4 {
    display: flex;
    gap: 5px;
    margin-left: auto;
}
.Header_Block_4 img {
    width: 60px;
}
.Header_Block_4 img:hover {
    transform: scale(1.5);
    transition: all 0.7s;
}
.Header_Search {
    width: 250px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    margin-left: auto;
}
.Header_Search label {
    color: #94a3b8;
    font-size: 13px;
}
.Header_Search input {
    width: 150px;
    box-sizing: border-box;
    padding: 9px 10px;
    border: 1px solid #2a3458;
    border-radius: 4px;
    background: #162445;
    color: #e2e8f0;
    transition: all 0.5s;
}
.Header_Search input:hover {
    width: 170px;
    border-color: #38bdf8;
    background: #172e4d;
    transition: all 0.5s;
}
.Header_Search input:hover::placeholder { 
    color: #fff; 
    transition: all 0.5s;
}
.Header_Search input:focus {
    outline: none;
    border-color: #38bdf8;
}
.Header_Search button {
    padding: 9px 13px;
    border: 1px solid #38bdf8;
    border-radius: 4px;
    background: #0284c7;
    color: #fff;
    cursor: pointer;
}
.Header_Search button:hover {
    background: #0369a1;
}
.Title_Icon {
    width: 100px;
    height: 100px; 
    vertical-align:middle; 
    margin-right:8px; 
}
.Coin_Icon {
    width: 50px; 
    height: 50px; 
    vertical-align:middle; 
    margin-right:8px; 
}
.Title_Text {
    font-size: 50px;
    font-weight: 700;
    vertical-align:middle; 
    margin-right:8px; 
}
.Coin_Info {
    padding-left: 10px;
}
.Kor_Name {
    font-size: 20px;
    font-weight: 600;
    color: #cbd5e1;
}
.Market_Name {
    font-size: 16px;
    font-weight: 500;
    color: #94a3b8;
}


.wrap {  
    margin-bottom: 20px; 
}
table { 
    width:100%; 
    border-collapse:collapse; 
    font-size:13px; 
}
th, td { 
    padding:15px 10px; 
    border-bottom:1px solid #2a3458; 
    text-align:center; 
    white-space:nowrap; 
}
th { 
    background:#162445; 
    color:#94a3b8; 
    font-weight:normal; 
}
tr.row-link { 
    cursor:pointer; 
}
tr.row-link:hover td { 
    background:#1a1f3a; 
}
.Num {
    width: 80px;
}
.sym-icon-cell {
    width: 20px;
}
.sym-icon { 
    width:20px; 
    height:20px; 
    vertical-align:middle; 
}
.sym-name { 
    width: 120px;
    text-align:left; 
}
.kor-name { 
    width: 100px;
    text-align:left; 
    color:#cbd5e1; 
}
.Rate {
    width: 120px;
}
.date {
    width: 180px;
}
.vol {
    width: 230px;
    padding-right: 50px;
}
.price {
    padding-right: 200px;
}
.price, .vol, .Rate { 
    text-align:right; 
}
.up { 
    color:#10b981; 
}
.down { 
    color:#f43f5e; 
}
.flat { 
    color:#94a3b8; 
}
.paging { 
    margin-top:20px; 
    text-align:center; 
}
.paging a, .paging span {
    display:inline-block; 
    min-width:32px; 
    padding:6px 10px; 
    margin:0 2px;
    border:1px solid #2a3458; 
    border-radius:4px; 
    color:#cbd5e1; 
    text-decoration:none;
}
.paging a:hover { 
    background:#162445; 
}
.paging .cur { 
    background:#2a3458; 
    color:#fff; 
    font-weight:bold; 
}
.paging .off { 
    color:#475569; 
    border-color:#1a1f3a; 
}