@charset "utf-8";

.detail-intro .img-thumb {left : 30px;}
.detail-intro .infomation {padding-left : 170px;}
.detail-intro .in-box {height:auto;overflow:hidden;padding : 30px !important;}
.data.left {
	display :inline-block;
	width : 40%;
	float : left;
/* 	padding-right:20px; */
}
.data.left dl {padding-right : 30px;}
.detail-intro .data.left dt {padding : 10px 0;}
.detail-intro .data.left dd {padding : 10px 0 10px 152px;}
.detail-intro .data.left .e-name {border-bottom : 0;}
.infomation {
	height : auto;
	overflow :hidden;
}
.information-top {
	position : relative;
	padding-right : 30px;
	border-bottom : 1px solid rgba(112,112,112,0.08);
}
.opendartBtn {
	display : inline-block;
	width : 100px;
	height:40px;
	background-image : url(../../images/v4/opendart_logo.png);
	background-repeat : no-repeat;
	background-size : 100px auto;
	margin-left : 10px;
/* 	position : absolute; */
/* 	top : 0; */
/* 	right : 0; */
}
.stock-area {
	display:inline-block;
	width: 60%;
	float:left;
	border-left: 1px solid rgba(112,112,112,0.08);
}
.stock-area .stock-info {
	width:100%;
	height:auto;
	overflow:hidden;
	padding-left:30px;
}
.stock-area .stock-info .stock-info-top {
	width : 100%;
	height:auto;
	overflow:hidden;
/* 	padding:20px 0; */
	position:relative;
	min-height : 65px;
}
.stock-area .stock-info .chart-top-right {
	position : absolute;
	right:0;
	top :0;
}
.stock-area .stock-info .btn.new {
/* 	position :absolute; */
/* 	bottom : 0; */
/* 	right : 0; */
	height : 40px;
	line-height : 40px;
	padding : 0 10px;
	vertical-align:top;
}
.stock-area .stock-info .stock-info-top .corp-name {
	display:inline-block;
	font-size : 18px;
	font-weight:600;
	margin-right : 5px;
}
.stock-area .stock-info .stock-info-top .corp-num {
	display:inline-block;
	font-size : 16px;
	color : #999;
}
.stock-area .stock-info .stock-info-top .corp-end-price {
	font-size : 28px;
}
.stock-area .stock-info .stock-info-top .corp-end-price.up,
.stock-price-list .price.up {color : #f93345;}
.stock-area .stock-info .stock-info-top .corp-end-price.down,
.stock-price-list .price.down {color : #1e8df9;}

.stock-area .stock-info .stock-info-cont {
	width : 100%;
	height:auto;
	overflow :hidden;
	position : relative;
}
.stock-area .stock-info .stock-info-cont .stock-info-tab {
	display:inline-block;
	width : 78%;
	height:auto;
	overflow :hidden;
	padding:10px 0 5px 0;
}
.stock-area .stock-info .stock-info-cont .stock-info-tab li {
	display : inline-block;
	width : 12.5%;
	float : left;
	line-height : 16px;
}
.stock-area .stock-info .stock-info-cont .stock-info-tab li a {
	display : inline-block;
	width : 100%;
	height : 100%;
	text-align : center;
	color : #888;
}
.stock-area .stock-info .stock-info-cont .stock-info-tab li.on a {
	text-decoration : underline;
	color : #000;
}
.stock-area .stock-info .stock-info-cont .stock-chart {
	position : relative;
	padding-bottom : 5px;
	display:inline-block;
	width : 78%;
}
.stock-area .stock-info .stock-info-cont .stock-chart .chart-date {
	position :absolute;
	bottom : 0;
	right : 0;
	color : #888;
/* 	text-align : right; */
/* 	padding-top:5px; */
	font-size : 12px;
}
.stock-area .stock-info .stock-info-cont .stock-price-list {
	width : 22%;
	height:auto;
	overflow :hidden;
	padding-left:30px;
	position:absolute;
	right:0;
	top :0;
}
.stock-area .stock-info .stock-info-cont .stock-price-list li {
	display :inline-block;
	float : left;
	width :100%;
	padding : 16px 0;
/* 	border-right : 1px solid #ddd; */
}
.stock-area .stock-info .stock-info-cont .stock-price-list li:first-child {
	padding-top : 0;
}
.stock-area .stock-info .stock-info-cont .stock-price-list li:last-child {
	padding-bottom : 0;
}
.stock-area .stock-info .stock-info-cont .stock-price-list li .price-list-name {
	color : #888;
}
/* .stock-area .stock-info .stock-info-cont .stock-price-list li .price { */
/* 	padding-top : 5px; */
/* } */
.stock-area .stock-none {
	width :100%;
	min-height : 300px;
    padding: 30px;
    text-align: center;
    background-color: #f8f8f8;
    position : relative;
}
.stock-area .stock-none p {
	position: absolute;
	top:50%;
	left : 50%;
	transform : translate(-50%,-50%);
	color : #888;
}

.srch-group.openApi-srch select.form-control {
	width : 120px;
	height:40px;
	float : left;
	margin-right:-1px;
	padding : 5px 17px;
	font-size : 15px;
}
.report-table .srch-group.openApi-srch input {
	width : calc(100% - 120px);
	float : left;
}
tr.auth-end td,
tr.auth-end td a {
	color : #ccc;
}
.stat-flag {
	display : inline-block;
	padding : 0 10px;
	height : 20px;
	line-height : 20px;
	font-size : 12px;
	text-align : center;
	color : #fff;
	box-sizing : border-box;
	vertical-align: middle;
}

.stat-flag.apply {border: 1px solid #000;color: #000;}
.stat-flag.confirm {background-color: rgb(5, 94, 255);}
.stat-flag.stop {background-color: rgb(253, 177, 3);}
.stat-flag.cancel {background-color: rgb(153, 153, 153);}
.stat-flag.reject {background-color: rgb(255, 72, 72);}
.stat-flag.end {border: 1px solid #ccc;color: #ccc;}

.tb.api-table table.hor th,
.tb.api-table table.hor td {padding : 5px 10px;}
.tb.api-table table.hor th {
    padding: 17px 10px;
    border-bottom: 1px solid #e3e3e3;
    color: #222;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    background-color : #f9f9f9;
}
.api-table .tb-title {
	font-size : 16px;
	font-weight : 500;
	padding-bottom : 10px;
}
.api-table {margin-bottom:25px;}

.news-list li {
	display : inline-block;
	padding : 0 5px;
}
.key-text {margin-right : 10px;}
.btm-btn-area .stop-btn {
	float : right;
	margin : 0;	
}
.api-table td select,
.api-table td input[type="text"] {
	min-width : 300px;
}
.api-table .table-comment {margin-left : 10px;}
.api-table p.table-comment {margin-left : 0;padding-top: 5px;}
.api-table textarea {
	width : 100%;
	min-height : 200px;
	resize : none;
	margin :10px 0;
	padding : 10px;
}
.api-table .srch-detail .srch-chk .cont {height : auto; overflow : hidden;}
.api-table .srch-detail.v2 .srch-chk .cont .chk-lst li {margin : 5px 0;}
.api-foot-btn {
	margin-top : 50px;
	text-align : right;
}
.foot-btn.api-foot-btn .btn-reset {
    margin-right: 18px;
    color: #0088eb;
    font-size: 12px;
}
.foot-btn.api-foot-btn .btn {
    width: 103px;
    height: 43px;
    border: 0;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    background: #006cff;
    box-shadow: 1px 2px 6px 0 rgb(0 0 0 / 27%);
}

.api-alert {
	display : inline-block;
	padding : 2px 10px;
	border : 1px solid #1578ff;
	border-radius: 5px;
	color : #1578ff;
	font-size : 12px;
}

@media all and (max-width:1024px) {
	.detail-intro .img-thumb {left : 0;}
	.data.left, .stock-area {width : 100%;}
	.stock-area {border-top: 1px solid rgba(112,112,112,0.08);border-left : 0;margin-top : 20px;}	
	.stock-area .stock-info {padding-left : 0;padding-top : 30px;}
	
	.report-table .tb.api-table table {width : 100%;}
	.report-table .tb.api-table .srch-detail .srch-chk .chk-lst {max-height : 300px;overflow-y : auto;}
	
	.srch-group.openApi-srch select.form-control {height :47px;}
	.srch-group.openApi-srch {height:auto;overflow:hidden;}
	
	.detail-intro .infomation {padding-left : 0 !important;}
}

@media all and (max-width:500px) {
	.stock-area .stock-info .chart-top-right{top :auto;bottom : 0;}
	.stock-area .stock-info .stock-info-cont .stock-chart {width : 100%;}
	.stock-area .stock-info .stock-info-cont .stock-info-tab {width : 100%;}
	.stock-area .stock-info .stock-info-cont .stock-price-list {
		width : 100%;
		position : static;
		right:auto;
		top :auto;
		padding-left : 0;
		padding-top :10px;
	}
	.stock-area .stock-info .stock-info-cont .stock-price-list li {
		width : 33.33%;
		border-right : 1px solid #eee;
		padding : 0 0 0 10px;
	}
	.stock-area .stock-info .stock-info-cont .stock-price-list li:first-child {padding-left : 0;}
	.stock-area .stock-info .stock-info-cont .stock-price-list li:last-child {border-right : 0;}
	
	.opendartBtn {
		width : 70px;
		height : 25px;
		background-size : 70px auto;
		background-position : right bottom;
	}
	.stock-area .stock-info .btn.new {
	    min-width: 70px;
	    height: 30px;
	    line-height: 30px;
	}
}

/*20220413*/
.api-file-area {
	display : flex;
	gap : 10px;
}

.api-file-area .file-pre {line-height : 40px;}
.api-file-area .file-pre p {
	display : inline-block;
	padding-right: 10px;
}
.api-file-area .del-btn {
	padding : 0 10px;
	line-height : 22px;
	background-color : #ffeeee;
	color : #eb6464;
	border : 0;
	border-radius : 5px;
}