@media screen and (min-width: 1024px){

.content-header .icon img {
    width: 58px;
}

.stock-list {
	display:flex;
	flex-wrap:wrap;
}

.stock-img {
	position:relative;
}

.stock-img img {
	width:100%;
	border-radius:20px;
}

.stock-img .newicon {
	position:absolute;
	top:-3px;
	left:-10px;
	color:#fff;
	background-color:#F47B6E;
	font-weight:bold;
	padding:1px 20px 4px;
	border-radius:30px;
}
.stock-img .renewicon {
	position:absolute;
	top:-3px;
	left:-10px;
	color:#fff;
	background-color:#508FED;
	font-weight:bold;
	padding:12px 20px 10px;
	border-radius:30px;
}

.stock-txt {
	padding: 25px 0px;
}

.stock-dtl-wrap {
	margin: 0 auto;
	padding: 16px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #fff;
}

.back-btn {
	text-align: left;
}

.back-btn a {
	display: inline-block;
	background-color: #999;
	color: #fff;
	padding: 16px;
	border-radius: 5px;
	font-size: 12px;
}

.back-btn a i {
	padding-right: 8px;
}

.cnt-btn {
	text-align: right;
}

.cnt-btn a {
	display: inline-block;
	background-color: #C30;
	padding: 16px;
	color: #FFF;
	border-radius: 5px;
	font-size: 12px;
}

.stock-dtl-wrap .name-grade {
	margin: 24px 0 0;
	font-weight: normal;
	font-size: 20px;
}

.stock-dtl-wrap .price {
	margin: 24px 0 0;
	text-align: right;
	font-weight: bold;
	font-size: 25px;
}

.st-img-wrap {
	background: #333;
	margin: 24px auto 0;
}

.st-img-wrap .main-img {
	max-width: 640px;
	margin: 0 auto;
}

.st-img-wrap .main-img img {
	width: 100%;
}

.st-img-wrap .thumb-list {
	max-width: 640px;
	margin: 0 auto;
	list-style: none;
	margin: 0 auto;
	padding: 0;
}

.st-img-wrap .thumb-list li {
	float: left;
	width: 10%;
}

.st-img-wrap .thumb-list li img {
	width: 100%;
	cursor: pointer;
}

.st-img-wrap .thumb-list li img:hover {
	opacity: 0.8;
}

.st-content-ttl {
	font-size: 18px;
	font-weight: bold;
	border-bottom: 3px solid #727272;
	margin: 48px 0 0;
	padding-bottom: 8px;
	color: #000;
}

.stock-table {
	margin: 16px 0 0;
	width: 100%;
}

.stock-table tbody {
}

.stock-table tbody tr {
}

.stock-table tbody tr th {
	font-weight: bold;
	padding: 8px;
	border-bottom: dotted 1px #727272;
}

.stock-table tbody tr td {
	padding: 8px;
	border-bottom: dotted 1px #727272;
}

.stock-table tbody tr td .fa {
	font-size: 20px;
}

.st-box {
	padding: 16px;
}

.st-comment {
	line-height: 1.8em;
}

@media (min-width: 768px) {

}

@media (min-width: 992px) {

}

.st-bg-color {
	background-color: #fff;
}

.mark {
	background: none;
	padding: 0;
}

.point-font02 {
	font-family: 'Bevan', cursive;
}

#bnr-area {
	margin: 0 0 20px 0;
	padding: 15px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #034058;
	color: #fff;
}

#bnr-area .txt {
	padding: 0 0 0 0px;
}

#bnr-area .bnr {
	max-width: 100%;
	height: auto;
}

#bnr-area .bnr:hover {
	opacity: .8;
}

.stock-info {
	width: 50%;
	margin:0px auto 30px;
}
.stock-info .form-wrap {
	width: 50%;
	margin:0px auto 15px;
}
.stock-info .paging-wrap {
	width: 80%;
	margin:0px auto 15px;
	text-align:center;
}

}