@charset "utf-8";

#wrapper	 {max-width:100%; font-size:13px; margin:0 auto; padding:20px 0 100px; text-align:center; min-width:1200px;}
#wrapper .global_title	{width:1200px; margin:0 auto 30px; color:#f93c76; text-shadow:2px 2px 2px #000; font-size:30px; height:28px;}
#wrapper .global_title span	{color:#e11282; font-weight:normal;}
#length	{width:1200px; margin:-24px auto 0; text-align:right; font-size:12px; color:#aaa;}
#length span	{padding:0 10px; font-weight:bold; color:#b03be1;}
.exchange	{position:absolute; top:18px; right:0; text-align:right; color:#f0aad2;}
.exchange span.on	{font-size:20px; font-weight:bold; font-family:"arial"; vertical-align:bottom; display:inline-block; margin:0 0 -5px; color:#b61818;}
.exchange span span	{font-size:14px; font-weight:normal; font-family:"Malgun Gothic"; color:#f0aad2;}
.summary span	{font-weight:bold; color:#b03be1;}
.summary a	{color:#0e990e;}
.coin_wrapper	{width:auto; margin:0 auto; overflow:hidden; display:inline; text-align:left;}
.coin_list	{width:260px; height:70px; border:1px solid #333; display:inline-block; margin-right:5px; padding:5px; margin-bottom:5px; background:#151515; position:relative; transition:background 0.5s; text-align:left;}
.coin_list .data .krw	{font-size:12px; color:#ddd; padding-bottom:4px; color:#f69f2f;}
.coin_list .data .krw strong	{color:#fe8f00;}
.coin_list.on	{border:1px solid #ff8435; background:#260f00;}
.coin_list.up	{background:#5cdca1;}
.coin_list.down	{background:#8c3b45;}
.coin_list:hover	{border:1px solid #43f9aa;}
.coin_list .name	{font-size:18px; padding:0 0 2px; color:#b03be1;}
.coin_list .name .symbol	{font-size:12px; padding-left:5px;}
.coin_list .chart	{width:30px; height:20px; position:absolute; top:5px; right:5px; cursor:pointer; background:url("../images/chart3.png") no-repeat 0 0; background-size:100% 100%;}
.coin_list .chart span	{display:block; width:0; height:0; overflow:hidden;}
.coin_list .changes	{display:inline-block; text-align:center; min-width:50px; padding:2px 3px; color:#fff; border-radius:5px; font-size:12px; background:#ccc; vertical-align:middle; margin-right:5px;}
.coin_list .price	 {display:inline-block; font-size:20px; font-weight:bold; color:#aaa; min-height:20px; letter-spacing:-1px; vertical-align:middle;}
.coin_list .price span	{font-size:13px; margin:0 0 0 3px;}
.coin_list .price .ceil	{font-size:20px; margin:0;}
.coin_list .info	{width:100%; overflow:hidden; padding:5px 0 0;}
.coin_list .premium	{color:#eee; font-size:13px; padding:1px 0 5px 0; white-space:nowrap;}
.coin_list .premium span	{color:#b03be1;}
.coin_list .value_premium	{color:#b03be1; font-size:13px; padding:3px 0 5px 0; white-space:nowrap;}
.coin_list .value_premium .value	{color:#fff; font-weight:bold;}
.coin_list .value_premium .value .premium.plus	{color:#0e990e;}
.coin_list .value_premium .value .premium.default	{color:#fff;}
.coin_list .value_premium .value .premium.minus	{color:#d91b1b;}
.coin_list .value_premium .value .premium.plus .ceil	{color:#0e990e;}
.coin_list .value_premium .value .premium.default .ceil	{color:#fff;}
.coin_list .value_premium .value .premium.minus .ceil	{color:#d91b1b;}
.coin_list .balloons	{position:absolute; border:1px solid #666; background:#333; padding:5px 10px 4px; display:none; min-width:200px;}
.coin_list .balloons .volume	{color:#eee; font-size:13px; padding:1px 0 5px 0; white-space:nowrap;}
.coin_list .balloons .volume .txt	{color:#b03be1;}
.coin_list .balloons .volume .txt .coin_name	{color:#eaf; font-weight:bold; letter-spacing:-0.05em; display:block; padding-bottom:5px;}
.coin_list .balloons .volume .ceil	{font-weight:bold; letter-spacing:-1px;}
.coin_list .balloons .volume .symbol_txt	{color:#b03be1; padding-left:5px;}
.coin_list .balloons .value_usd	{color:#b03be1; font-size:13px; padding:1px 0 5px 0; white-space:nowrap;}
.coin_list .balloons .value_usd .value	{color:#fff;}
.coin_list .balloons .value_kr	{color:#b03be1; font-size:13px; padding:1px 0 5px 0; white-space:nowrap;}
.coin_list .balloons .value_kr .value	{color:#fff;}
/*
.coin_list .balloons .value_premium	{color:#b03be1; font-size:13px; padding:1px 0 5px 0; white-space:nowrap;}
.coin_list .balloons .value_premium .value	{color:#fff; font-weight:bold;}
.coin_list .balloons .value_premium .value .premium.plus	{color:#0e990e;}
.coin_list .balloons .value_premium .value .premium.minus	{color:#d91b1b;}
.coin_list .balloons .value_premium .value .premium.plus .ceil	{color:#0e990e;}
.coin_list .balloons .value_premium .value .premium.minus .ceil	{color:#d91b1b;}
*/
.coin_list.balloon_on	{z-index:10;}
.coin_list.balloon_on .balloons	 {display:block;}

.coin_list.price_up .price	{color:#f75467;}
.coin_list.price_default .price	{color:#ccc;}
.coin_list.price_down .price	{color:#4386f9;}
.coin_list.price_up .changes	{background:#f75467;}
.coin_list.price_default .changes	{background:#ccc;}
.coin_list.price_down .changes	{background:#4386f9;}

.coin_wrapper.off .coin_list	 {background:#151515; transition:unset;}
.coin_wrapper.off .coin_list.up	{background:#151515; transition:unset;}
.coin_wrapper.off .coin_list.down	{background:#151515; transition:unset;}

.controller	{background:#460429; margin-bottom:20px;}
.controller .ctrl_wrap	{position:relative; max-width:1200px; text-align:left; margin:0 auto 5px; padding:10px 0;}
.controller .ctrl_title	{margin:0 10px 0 0; font-weight:bold; font-size:14px;}
.controller a	{display:inline-block; padding:10px 15px; color:#f7fffd; font-size:20px; letter-spacing:-0.05em;}
.controller a:hover	{color:#aba0f8;}
/*
.controller a.page_bithumb	{background:#e56404;}
.controller a.page_upbit	{background:#0b3ad4;}
.controller a.page_upbit2	{background:#aaa;}
*/
.controller button	{display:inline-block; border:1px solid #094300; background:#002a56; padding:10px 15px; color:#f7ff7d;}
.controller .lighting.off	{border:1px solid #252525; background:#111; color:#ccc;}

.utils_menu	{position:relative; width:100%; max-width:1200px; margin:0 auto 20px;}
.utils_menu ul	{width:100%; overflow:hidden;}
.utils_menu ul li	{float:left; margin-right:5px;}
.utils_menu ul li a	{display:block; padding:7px 20px; background:#8d122f; color:#fff; font-size:12px; border:1px solid #eb6483;}
.utils_menu ul li .lighting	{display:inline-block; border:1px solid #094300; background:#002a56; padding:7px 15px; color:#f7ff7d;}
.utils_menu ul li .lighting.off	{background:#111; color:#ccc; border:1px solid #555; font-size:12px;}