body {
	margin: 0px; padding: 0px; font-size: 12px; background-color: rgb(255, 255, 255);
}
body {
	font-family: dotum, sans-serif;
}
input {
	font-family: dotum, sans-serif;
}
select {
	font-family: dotum, sans-serif;
}
textarea {
	font-family: dotum, sans-serif;
}
@media only screen and (max-width:574px)
{
body {
	letter-spacing: 0px; font-size: 2.3vw;
}
input {
	letter-spacing: 0px; font-size: 2.3vw;
}
select {
	letter-spacing: 0px; font-size: 2.3vw;
}
textarea {
	letter-spacing: 0px; font-size: 2.3vw;
}
}
a {
	cursor: pointer;
}
fieldset p {
	margin: 6px 20px 6px 0px;
}
h1 {
	margin: 0px; padding: 1em 0px; font-size: 1.2em; font-weight: bold;
}
h2 {
	font-size: 1.2em;
}
input {
	vertical-align: middle;
}
select {
	vertical-align: middle;
}
textarea {
	vertical-align: middle;
}
label {
	cursor: pointer;
}
button {
	padding: 2px 7px; border: 0px currentColor; border-image: none; text-align: center; color: rgb(255, 255, 255); font-weight: bold; vertical-align: middle; cursor: pointer; background-color: deepskyblue;
}
nav a {
	color: inherit; text-decoration: none;
}
input[type=radio] {
	width: 1px; height: 1px; visibility: hidden; position: absolute;
}
input[type=checkbox] {
	width: 1px; height: 1px; visibility: hidden; position: absolute;
}
input[type=radio] + label {
	padding: 3px 5px; margin-right: 5px; display: inline-block; position: relative; cursor: pointer; background-color: rgb(238, 238, 238);
}
input[type=checkbox] + label {
	padding: 3px 5px; margin-right: 5px; display: inline-block; position: relative; cursor: pointer; background-color: rgb(238, 238, 238);
}
input[type=radio]:checked + label {
	color: rgb(255, 255, 255) !important; background-color: tomato;
}
input[type=checkbox]:checked + label {
	color: rgb(255, 255, 255) !important; background-color: tomato;
}
body > .section {
	margin: 10px; float: left; min-width: 740px;
}
.box {
	margin: 0px; padding: 0px; border: 1px solid darkgray; border-image: none; position: relative; min-width: 200px; box-sizing: border-box;
}
.box h3 {
	margin: 0px; padding: 5px; color: rgb(153, 153, 153); font-size: 1.1em; background-color: rgb(249, 249, 249);
}
.box .inner {
	padding: 8px;
}
.box .close {
	top: 8px; right: 8px; position: absolute; z-index: 11;
}
.box .title {
	padding: 5px 0px; width: 60px; font-weight: bold; display: inline-block;
}
.box-slide .title small {
	font-size: inherit; font-weight: normal;
}
.box-slide .desc {
	padding: 5px 0px; display: block;
}
.widget {
	top: 0px; width: 353px; height: 100%; right: 0px; border-left-color: silver; border-left-width: 1px; border-left-style: solid; display: none; position: fixed; z-index: 10; -ms-overflow-x: hidden; -ms-overflow-y: auto; max-width: 100%; background-color: inherit;
}
.widget .box {
	border-width: 0px 0px 1px;
}
.widget :last-child.box {
	border: 0px currentColor; border-image: none;
}
#setting {
	margin-top: 15px;
}
#setting .inner {
	display: none;
}
#setting .inner p:first-of-type {
	margin-top: 0px;
}
#setting .inner p:last-of-type {
	margin-bottom: 0px;
}
#reset {
	right: 8px; bottom: 8px; position: absolute; z-index: 11;
}
#nav-sub {
	top: 0px; right: 0px; display: none; position: fixed; z-index: 1;
}
#nav-sub > * {
	padding: 1em 0.75em 0.75em; color: rgb(255, 255, 255); margin-bottom: 0.75em; display: inline-block; background-color: rgb(150, 190, 46);
}
#nav-sub .setting {
	background-color: rgb(212, 115, 86) !important;
}
#nav-sub .notice {
	background-color: rgb(212, 115, 86) !important;
}
#chat {
	z-index: 10; background-color: inherit;
}
#chat h3 {
	margin: 0px; width: 100%; height: 25px; padding-top: 8px; position: absolute; box-sizing: border-box;
}
#chat .inner {
	width: 100%; height: 100%; padding-top: 33px; box-sizing: border-box;
}
#chatIframe {
	border: 0px currentColor; border-image: none; width: 100%; height: 280px; box-sizing: border-box;
}
#chat .btns {
	top: 2px; right: 8px; position: absolute;
}
#calculation {
	
}
#calculation .exchangeRate {
	padding: 10px 0px 0px;
}
#calculation #exchangeRate {
	border-width: 0px 0px 2px; border-style: none none solid; border-color: currentColor; outline: 0px; border-image: none; width: 66%;
}
#calculation #exchangeResult {
	padding: 10px 0px 0px; text-align: right; font-size: 1.25em; font-weight: bold; display: block;
}
#currency-symbol {
	font-size: 1.2em;
}
#inquiry {
	
}
.inquiryResult {
	padding: 5px 0px; text-align: right; display: block;
}
#externalLinks {
	
}
#externalLinks ul {
	list-style: none; margin: 0px; padding: 0px;
}
#externalLinks li {
	margin: 0px; padding: 3px 0px; width: 49%; display: inline-block;
}
#externalLinks li::before {
	content: "- ";
}
#externalLinks li a {
	color: inherit; text-decoration: none;
}
#memo {
	
}
#memo .inner {
	padding-top: 10px;
}
#memo .desc {
	margin: 0px; padding-top: 5px;
}
#memo textarea {
	width: 100%; box-sizing: border-box;
}
.board span {
	color: rgb(155, 79, 0); margin-right: 10px;
}
.board em {
	font-style: normal;
}
#coinList {
	width: 100%; margin-top: 15px; display: table; border-collapse: collapse; transition-duration: 1s;
}
#coinList .row {
	display: table-row;
}
#coinList .row.over {
	background-color: rgb(214, 237, 252);
}
#coinList .row > div {
	padding: 5px; border: 1px solid darkgray; border-image: none; text-align: right; vertical-align: middle; display: table-cell;
}
#coinList .row > span {
	padding: 5px; border: 1px solid darkgray; border-image: none; text-align: right; vertical-align: middle; display: table-cell;
}
#coinList .row > div:first-child {
	text-align: center; font-weight: bold;
}
#coinList .row > span:first-child {
	text-align: center; font-weight: bold;
}
#coinList .row.head > div {
	text-align: center; font-weight: bold;
}
#coinList .row.head > span {
	text-align: center; font-weight: bold;
}
#coinList .krw {
	font-weight: bold;
}
#coinList .btc {
	border-left-color: darkgray !important; border-left-width: 2px !important; border-left-style: solid !important;
}
#coinList .usd {
	border-left-color: darkgray !important; border-left-width: 2px !important; border-left-style: solid !important;
}
#coinList .cny {
	border-left-color: darkgray !important; border-left-width: 2px !important; border-left-style: solid !important;
}
#coinList .jpy {
	border-left-color: darkgray !important; border-left-width: 2px !important; border-left-style: solid !important;
}
#coinList .marketCap {
	border-left-color: darkgray !important; border-left-width: 2px !important; border-left-style: solid !important;
}
#coinList .row > .name {
	text-align: left;
}
.row.val {
	cursor: pointer;
}
#exchangeWS .row.val {
	cursor: inherit;
}
.red {
	color: red; font-weight: bold;
}
.blue {
	color: steelblue; font-weight: bold;
}
.plus {
	color: rgb(43, 143, 40);
}
.plus::before {
	content: "+";
}
.minus {
	color: steelblue;
}
#coins {
	width: 567px; height: 6em; vertical-align: top; resize: none;
}
.alert {
	color: red; font-weight: bold; display: none;
}
.alert a {
	color: rgb(0, 139, 89);
}
.chart {
	margin-top: 400px; display: block; position: relative;
}
.chartInner {
	width: 700px; height: 380px; padding-top: 20px; margin-top: -400px; position: absolute;
}
.utils {
	padding: 10px; left: 0px; width: 100%; bottom: 0px; border-top-color: currentColor; border-top-width: 1px; border-top-style: solid; position: fixed; background-color: inherit;
}
.utils .box {
	margin-top: 10px; display: none;
}
.btns {
	margin: 0px;
}
.btn {
	padding: 4px 7px; text-align: center; color: rgb(255, 255, 255); font-weight: bold; text-decoration: none; vertical-align: middle; display: inline-block; background-color: rgb(170, 170, 170);
}
.btn.expand {
	background-color: rgb(51, 51, 51);
}
.desc {
	color: rgb(134, 134, 134);
}
#coinSet label {
	font-weight: bold;
}
#coinSet .desc {
	margin: 5px 55px 0px 0px; text-align: right; display: block;
}
#notification h4 {
	margin-top: 0px;
}
#pairRank {
	
}
#pairRank fieldset {
	border: currentColor; border-image: none;
}
#pairRank .pair-coin {
	padding: 0.5em;
}
#pairRank .pair-result {
	overflow: hidden;
}
#pairRank .pair-chart {
	float: left; display: none;
}
#pairRank .pair-list {
	width: 160px; margin-top: 15px; float: left; display: table; border-collapse: collapse; table-layout: fixed;
}
#pairRank .row {
	display: table-row;
}
#pairRank .row span:first-child {
	text-align: center; font-weight: bold;
}
#pairRank :first-child.row span {
	text-align: center; font-weight: bold;
}
#pairRank .row > span {
	padding: 5px; border: 1px solid darkgray; border-image: none; width: 75px; text-align: right; vertical-align: middle; display: table-cell;
}
#section-margin {
	
}
.margin-result {
	overflow: hidden;
}
.margin-position {
	float: left;
}
.margin-history {
	float: right;
}
aside {
	margin-top: 20px;
}
#section-ico {
	display: none;
}
#icoList {
	width: 100%; margin-top: 15px; display: table; border-collapse: collapse; transition-duration: 1s;
}
#icoList .row {
	display: table-row;
}
#icoList :nth-child(2n+1).row {
	background-color: rgba(123, 123, 123, 0.1);
}
#icoList .row > div {
	padding: 5px; display: table-cell;
}
#icoList .row > div:first-child span {
	color: rgb(0, 0, 0); padding-left: 10px; display: inline-block;
}
#icoList .icon * {
	vertical-align: middle;
}
#icoList .icon img {
	width: 30px;
}
#tempNotice {
	width: 100%; color: tomato; line-height: 1.4; margin-bottom: 15px; position: relative;
}
#tempNotice .close {
	top: 0px; right: 0px; position: absolute;
}
.external {
	padding: 0.5em; color: tomato; font-weight: bold;
}
.external a {
	color: steelblue;
}
.ui-resizable-e {
	top: 0px; width: 7px; height: 100%; right: -5px; cursor: e-resize;
}
.ui-resizable-s {
	left: 0px; width: 100%; height: 7px; bottom: -5px; cursor: s-resize;
}
.ui-resizable-se {
	background: url("./ui-icons_444444_256x240.png") no-repeat -64px -224px; width: 12px; height: 12px; right: 1px; bottom: 1px; cursor: se-resize;
}
.ui-resizable-handle {
	font-size: 0.01em; display: block; position: absolute; z-index: 90; touch-action: none;
}
body > .fold {
	width: 3em; right: 4px; z-index: 11;
}
body > .fold .iconBar {
	height: 4px;
}
.fold {
	padding: 3px; top: 0px; width: 2.4em; height: 1.8em; right: 0px; color: rgb(170, 170, 170); display: inline-block; position: absolute; z-index: 2;
}
.fold .icon {
	display: block; position: relative;
}
.fold .iconBar {
	margin: 0.2em 0px 0px; transition:0.3s; width: 100%; height: 2px; display: block; background-color: tomato;
}
.fold .iconBar + .iconBar {
	margin-top: 5px;
}
.fold.expand {
	
}
.fold.expand .iconBar.bar-top {
	transform: translateY(6px);
}
.fold.expand .iconBar.bar-mid {
	
}
.fold.expand .iconBar.bar-btm {
	transform: translateY(-6px);
}
.fold.show .iconBar.bar-top {
	transform: translateY(9px) rotateZ(45deg);
}
.fold.show .iconBar.bar-mid {
	width: 0px;
}
.fold.show .iconBar.bar-btm {
	transform: translateY(-9px) rotateZ(-45deg);
}
@media only screen and (max-width:574px)
{
.usd {
	display: none !important;
}
.btc {
	display: none !important;
}
.cny {
	display: none !important;
}
.jpy {
	display: none !important;
}
body > .section {
	float: none; min-width: 320px;
}
}
@media only screen and (max-width:769px)
{
.fold .iconBar + .iconBar {
	margin-top: 4px;
}
#coins {
	width: 28em;
}
#trade-order {
	width: 42%; border-right-width: 1em;
}
#trade-order td {
	padding: 2px;
}
#trades {
	width: 55%;
}
#trades td {
	padding: 2px; overflow: hidden;
}
.chart {
	margin-top: 55vw;
}
.chartInner {
	width: 97vw; height: 55vw; margin-top: -55vw;
}
#section-chat {
	width: 100%; height: 280px; margin-bottom: 50px; position: relative; z-index: 0;
}
#section-chat .close {
	top: 3px; right: 0px; position: absolute;
}
}
body.dark {
	color: rgb(170, 170, 170); background-color: rgb(43, 43, 44);
}
body.dark input {
	border: 1px solid rgb(170, 170, 170); border-image: none; color: inherit; background-color: rgb(43, 43, 44);
}
body.dark select {
	border: 1px solid rgb(170, 170, 170); border-image: none; color: inherit; background-color: rgb(43, 43, 44);
}
body.dark textarea {
	border: 1px solid rgb(170, 170, 170); border-image: none; color: inherit; background-color: rgb(43, 43, 44);
}
body.dark button {
	color: rgb(204, 204, 204); background-color: rgb(0, 107, 137);
}
body.dark input[type=radio] + label {
	color: rgb(102, 102, 102);
}
body.dark input[type=checkbox] + label {
	color: rgb(102, 102, 102);
}
body.dark .red {
	color: tomato;
}
body.dark .btn {
	background-color: rgb(0, 0, 0);
}
body.dark .box h3 {
	background-color: rgb(63, 63, 63);
}
body.dark .board span {
	color: rgb(212, 108, 0);
}
body.dark #coinList .row.over {
	background-color: rgb(59, 65, 86);
}
body.dark #coinList .btc {
	border-left-color: rgb(238, 238, 238) !important; border-left-width: 2px !important; border-left-style: solid !important;
}
body.dark #coinList .usd {
	border-left-color: rgb(238, 238, 238) !important; border-left-width: 2px !important; border-left-style: solid !important;
}
body.dark #coinList .cny {
	border-left-color: rgb(238, 238, 238) !important; border-left-width: 2px !important; border-left-style: solid !important;
}
body.dark #coinList .jpy {
	border-left-color: rgb(238, 238, 238) !important; border-left-width: 2px !important; border-left-style: solid !important;
}
body.dark #coinList .marketCap {
	border-left-color: rgb(238, 238, 238) !important; border-left-width: 2px !important; border-left-style: solid !important;
}
body.dark #icoList .row > div:first-child span {
	color: rgb(170, 170, 170);
}
body.dark .Sell {
	color: steelblue;
}
body.dark .Buy {
	color: tomato;
}
body.dark #trade-order {
	border-color: transparent;
}
body.dark #trade-order .Sell {
	background-color: rgba(217, 231, 248, 0.1);
}
body.dark #trade-order .Buy td:first-child {
	color: steelblue;
}
body.dark #trade-order .Buy {
	background-color: rgba(255, 242, 246, 0.1);
}
body.dark #trade-order .Sell td:last-child {
	color: tomato;
}
body.dark #trade-order .head th {
	color: inherit; background-color: rgb(0, 0, 0);
}
body.dark #trades .head th {
	color: inherit; background-color: rgb(0, 0, 0);
}