@charset "utf-8";

#coin_market { padding:200px 10px; background:#333;margin-top:-1px;background:url(/images/3-2-2.jpg) no-repeat center fixed;background-size:cover;position:relative}
#coin_market:before{display:block;content:'';position:absolute;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.15)}

#coin_market h2 { margin-bottom:50px; text-align:center; font-size:45px; font-weight:900; color:#fff; word-break:keep-all;position:relative}
#coin_market .coin_market_inner { display:flex; flex-wrap:wrap; width:1200px; margin:0 auto; border:1px solid #e0e0e0; border-bottom:0; background-color:#fff;position:relative}
#coin_market .coin_market_list { width:50%; padding:50px 50px 30px; border-bottom:1px solid #e0e0e0; }
#coin_market .coin_market_list:nth-child(even) { border-left:1px solid #e0e0e0; }

#coin_market .coin_market_wrap { width:500px; margin:0 auto;  }
#coin_market .coin_market_trade_inner { display:flex; width:100%; }
#coin_market .coin_market_trade_inner .title_wrap,
#coin_market .coin_market_trade_inner .coin_market_trade_info { width:50%; }
#coin_market .coin_market_trade_inner .coin_market_trade_info { text-align:right; }
#coin_market .coin_market_trade_inner .coin_market_trade_info.coin_rise { color:#dd3c44; }
#coin_market .coin_market_trade_inner .coin_market_trade_info.coin_fall { color:#2979ec; }

#coin_market .coin_market_trade_inner .title_wrap { }
#coin_market .coin_market_trade_inner .title_wrap h3 { font-size:32px; font-weight:900; color:#000; margin-bottom:3px; }
#coin_market .coin_market_trade_inner .title_wrap p { font-size:12px; }

#coin_market .coin_market_trade_inner .coin_market_trade_price { font-size:32px; line-height:38px; font-weight:900; }
#coin_market .coin_market_trade_inner .coin_market_trade_change { display:flex; gap:0 20px; width:100%; font-size:14px; justify-content: flex-end; font-weight:700; }

#coin_market .coin_graph_info { position:relative; top:-30px; left:10px; display:flex; justify-content:flex-end; }
#coin_market .coin_graph_info ul { display:flex; gap: 0 25px;  }
#coin_market .coin_graph_info li { position:relative; font-size:14px; }
#coin_market .coin_graph_info li:nth-child(1):before { position:absolute; top:5px; left:-15px; content:''; width:12px; height:12px; background:red; z-index:9; }
#coin_market .coin_graph_info li:nth-child(2):before { position:absolute; top:5px; left:-15px; content:''; width:12px; height:12px; background:#999; z-index:9; }

@media(max-width:1200px){
	#coin_market .coin_market_inner { width:980px;  }
	#coin_market .coin_market_wrap { width:390px;  }
}

@media(max-width:980px){
	#coin_market .coin_market_inner { width:680px;  }
	#coin_market .coin_market_wrap { width:300px;  }
	#coin_market .coin_market_list { padding:30px 20px;  }
	#coin_market .coin_market_trade_inner .coin_market_trade_price { font-size:25px; line-height:28px; }
}

@media(max-width:680px){
	#coin_market h2 { margin-bottom:30px; font-size:35px; }
	#coin_market .coin_market_inner { max-width:600px; width:100%; flex-direction:column; border:0;  }
	#coin_market .coin_market_list { width:100%;  padding:30px 30px 20px;  border:1px solid #e0e0e0;  }
	#coin_market .coin_market_list + .coin_market_list { margin-top:20px; }	
}


@media(max-width:480px){
	#coin_market h2 { font-size:28px; letter-spacing:-0.1em }
	#coin_market .coin_market_trade_inner .title_wrap h3 { font-size:28px; }	
	#coin_market .coin_market_trade_inner .coin_market_trade_price { font-size:22px; }
	#coin_market .coin_market_list { padding:30px 10px 10px;  }
}