@charset "utf-8";


.no-contents{text-align:center; height:80px; line-height:60px;}

.mcl_img{width: 230px;height: 180px;}

.viewTypeA .content{white-space: pre-line;}

/* 상단 메뉴 > 3차메뉴 */
#gnb .gnb_menu .gnbsingle > ul > li > ul > li > a {
    display: inline-block;
    padding: 5px 0;
    font-size: 18px;
    color: #636363;
    line-height: 1.1;
}

/* 메인 Steel Data, 월간철강보 색깔 */
.mCon1_3 .box h3.steelData{color: #03eff8;}
.mCon1_3 .box h3.booSteel{color: #a8ff00;}

/* 네비게이션 새창 이미지 */
#gnb .gnb_menu li > a.blank {
    padding-right: 20px;
    background: url(../img/ic_blank3.png) no-repeat right center;
    background-size: 15px;
}

/* 하이차트 */
.highcharts-figure, .highcharts-data-table table {
    min-width: 360px; 
    max-width: 800px;
    margin: 1em auto;
}

.highcharts-data-table table {
	font-family: Verdana, sans-serif;
	border-collapse: collapse;
	border: 1px solid #EBEBEB;
	margin: 10px auto;
	text-align: center;
	width: 100%;
	max-width: 500px;
}
.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}
.highcharts-data-table th {
	font-weight: 600;
    padding: 0.5em;
}
.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption {
    padding: 0.5em;
}
.highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}
.highcharts-data-table tr:hover {
    background: #f1f7ff;
}

/* 팝업 */
.pop1{position: absolute; z-index: 99;float: left; background:#fff; padding-top:40px; border: 1px solid #999;}

.pop1 .close{position: absolute;
 top: 0;
 width: 100%;}

.pop1 .check1{float:left;margin-top: 12px;margin-left: 15px;}
.pop1 .close1{float:right; margin-right: 15px; margin-top: 12px;}

.popwrap{
 width:100%;
 position: absolute;
 z-index: 999999;
 margin: auto;
}
 

/*
================================================================================
반응형 서브 콘텐츠
================================================================================
*/

 /* PC Device */
@media all and (min-width:1251px){
	
	
}

 /* TABLET Device */
@media all and (max-width:1250px){
	.popwrap {width:100%; margin-left: -400px;}
 	.pop1{position: relative; width:100% !important; width:auto !important; height:auto !important; top:auto !important; left:400px !important;}
}

 /* pc Device */
@media all and (min-width:640px){
	
}

 /* Mobile Device */
@media all and (max-width:640px){
	.mcl_img{width: 140px;height: 110px;}
}