/* 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:white; color:black;}
#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:#ccc; color:#000;font-size:20px; font-weight:bold;}
#header .menu {height:45px;}
#header .menu div {width:25%; float:left; display:table; height:25px; line-height:25px; margin-top:3px; color:#000;}
#header .menu div {background-image: url("../img/icon/delimiter.png"); background-repeat: no-repeat; background-position: right top;}
#header .menu div:last-child {background-image: none;}
#header .menu .on {border-bottom:#ccc 5px solid;}
#header .back {width:100%; text-align:right; padding-top:3px;}
#header .lookup {width:100%; text-align:right; padding-top:3px;}
    /*#header .back a {
        color: #d14146;
        text-decoration: none;
        padding-right: 10px;
    }*/

#contents .content {padding:5px; }
#contents .content2 {padding:10px; }
#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 10px; text-align:center;}
#contents .content .stock-info th {padding:2px 0px; text-align:left; padding-right: 35px;}
#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 .earning .earning_txt { 
    padding: 5px 10px 0;
    font-size: 14px;
}


#contents .content .check .close-price * {
    color: #d14146;
    font-size: 20px;
}
#contents .content .check .close-price2 * {
    color: #000;
    font-size: 16px;
}
#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;
}




.bus_user_detail_h_date{
	display: flex;
    justify-content: space-between;
	padding:0 10px 10px;
	align-items: center;
    width: 100%;
}
.bus_user_detail_h_date form {
    width: 82%;
    display: block;
    text-align: left;
}
.bus_user_detail_h_date form input{
	padding:5px;
	height: 30px;
	border:1px solid #000;
	color: #fff;
    width: 46%;
}
.bus_user_detail_h_date form input:valid{
    color:#000;
}

.bus_user_detail_h_date input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 1;
    display: block;
    background: url(../img/icon/sort_desc_disabled.png) no-repeat;
    width: 22px;
    height: 22px;
    border-width: thin;
	text-align: center;
  
}

.bus_user_detail_h_date button{
	background-color: #d14146;
	width: 18%;
	height: 30px;
	color: #fff;
	border-radius: 3px;
    margin-left: 10px;
}


/* orderlist_type1 */
.orderlist_type1{
    width: 100%;
}
.orderlist_type1 caption{
    display: none;
}

.orderlist_type1 tr td {
    border:1px solid rgb(114, 114, 114);
    padding:5px 10px;
    color:#000;
}
.dt_tit {
	border: 1px solid rgb(114, 114, 114);
	padding:0 !important;
    text-align: center;
}


.dt_tit3 p:first-child{
    border-bottom: 1px solid rgb(114, 114, 114);
}
.dt_tit p:first-child{
	padding:10px;
    border-bottom: 1px solid rgb(114, 114, 114);
   
}
.dt_tit p:last-child{
	padding: 10px;
}
#CheckDelete2 {
    pointer-events: none;
}


/* busHolding.htm 230120 추가 수정내용 */
#holding_status{
    margin-top: 30px;
}
#holding_status h3{
    font-size: 1.2em !important;
    padding-left: 10px;
    color:#000;
}
#holding_status .bdd1{
    margin-top: 10px;
}

#bbx2 h3{
    font-size: 1.2em !important;
    padding-left: 10px;
    margin-bottom: 10px;
    color:#000;
}