/* Clear all styles */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-style: inherit;
    font-size: small;
    font-family: inherit;
    vertical-align:middle;
    line-height:17px;
    text-decoration:none;
}

/* remember to define focus styles! */
:focus {outline: 0;}

body {line-height: 1;}

ol, ul {list-style: none;}

/* tables still need 'cellspacing="0"' in the markup */
table{
    border-collapse: collapse;
    border-spacing: 0;}

caption, th, td {
    font-weight: normal;}

blockquote:before, blockquote:after,
q:before, q:after {
    content: "";}

blockquote, q {
    quotes: "" "";}
/*Ceal all styles END */

body {background-color:black; color:white;}
#warp {width:100%;}
#contents {width:100%;}
#footer {width:100%;}

.hide {display:none;}
.show {display:block;}
.red {color:red;}
.blue {color:blue;}

#header {width:100%; font-size:15px; text-align:center;}
#header .title {line-height:35px; margin-top:20px; background-color:#333; font-size:20px; font-weight:bold;}
#header .menu {height:45px;}
#header .menu div {width:25%; float:left; display:table; height:45px; line-height:45px; margin-top:3px;}
#header .menu div {background-image: url("../images/delimiter.png"); background-repeat: no-repeat; background-position: right top;}
#header .menu div:last-child {background-image: none;}
#header .menu .on {border-bottom:#FFF 5px solid;}
#header .back {width:100%; 
    text-align: right;
    padding-top:3px;}
#header .back a {
    background-color: #d14146;
    color: #fff;
    text-decoration: none;
    padding: 5px 20px;
    border-radius: 5px;
    margin-right:8%;
}

#contents .content {padding:5px;}

#contents .content .subject {width:100%; font-size:small;}
#contents .content .description {width:100%; font-size:small;}
#contents .content .description span {display:inline-block; padding-bottom:3px;}
#contents .content .box {border:1px solid red; padding:5px;}
#contents .content .box .action {text-align:center; vertical-align:middle;}
#contents .content .box .action input {font-size:medium;}

#contents .footer {text-align:center; vertical-align:middle; margin-top:100px; padding-top:100px; text-align:center;}
#contents .footer a {color:white; font-weight:bold;}
#contents .footer a.disabled {color:gray; font-weight:normal;}

#contents .content ol, #contents .content ul {list-style: none;}
#contents .content * {font-size:15px;}

#contents .content .stock-info table {margin:10px 0;}
#contents .content .stock-info thead th {padding:2px 5px; text-align:center;}
#contents .content .stock-info th {padding:2px 0px; text-align:left;}
#contents .content .stock-info td {padding:2px 5px; text-align:left;}

#contents .content .purchase table {margin:10px 0;}
#contents .content .purchase thead th {padding:2px 5px; text-align:center;}
#contents .content .purchase th {padding:2px 0px; text-align:left;}
#contents .content .purchase td {padding:2px 5px; text-align:right;}

#contents .content .earning { margin-top:10px;}
#contents .content .earning tr { height:40px; }
#contents .content .earning th { width:100px; text-align:left; }   

#contents .content .earning td input { height:35px; width:150px; font-size:20px; margin:2px 0px;}
#contents .content .earning td input[readonly], #contents .content .earning td input[readonly="readonly"] { background-color:Gray; }

#contents .content .check .close-price * {
    color: #d14146;
    font-size: 20px;
}
#contents .content .check img {padding-bottom:3px;}
#contents .content .check .push *{ font-size:20px; font-weight:bold;}
#contents .content .check * {padding:0; margin:0;}

#contents .content .submit  {width:100%; margin-top:10px;}
#contents .content .submit table {width:100%; margin:10px;}
#contents .content .submit input {height:40px; width:120px; font-size:20px;}

#contents .content .message {color:Red; text-align:center;}

#contents .content .CheckBox {width:28px; padding:2px 5px 0 0; }

#contents .content input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0;
}

.tboxblack {
	background-color: white;
	color: black;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}

/*20230213 스타일 추가*/
#ctl00_ContentPlaceHolder_lbSign{
    margin-right: 10px;
}
#calc_btn{
    background-color: #d14146;
    color:#fff;
    border-radius: 5px;
    padding: 0;
    height: 27px;
    width: 66px;
    font-size: 14px;
    border:none;
    line-height: 27px;
}


/*20230214 스타일 추가*/
.mst_content{
	width:100%;
	padding:0;
	position:relative;

}
.trade_share_con2{
	text-align: center;
	width: 100%;
    height: 100%;
}
.trade_share_con2 img{
    width: 100%;
    height: 100%;
   margin-bottom:50px;
}

.trade_share_btn{
	position: fixed;
	bottom:0;
	width: 100%;
	height: 50px;
    border:none;
	box-sizing: border-box;
	background: tomato;
	color:#fff;
	font-weight: 600;
	
}