/*
LS CSS
by HYH
*/

.page_main.page_now{
	padding:0 0;
	margin-top:50px;
	margin-bottom:50px;
}


/* 공통 */
.line-break { display: block;}
.claer {clear: both;}
.mt60 {margin-top: 60px;}
.pb100 {padding-bottom: 100px;}


/*뉴스 헤더*/
.page_now .now_head{
	padding: 0;
	border: 2px solid #000;
	background:url(../images/ls_now/en_head_bg.png) repeat;
}
.page_now .now_head .head_box{
	border-top: 4px solid #000;
	border-bottom: 4px solid #000;
	margin-top: 4px;
	margin-bottom: 4px;
	padding: 90px 0 90px 0;
}

.page_now .now_head .head_box .month{
	float: left;
	width: 26%;
	text-align: left;
	padding-top: 65px;
}
.page_now .now_head .head_box .title{
	float: left;
	width: 47%;
	text-align: center;
}
.page_now .now_head .head_box .teg{
	float: left;
	width: 27%;
	text-align: right;
	padding-top: 59px;
}


/* 메인 뉴스 */
.page_now .main_news {
	background-color: #f2f6fd;
	padding:0;
	border-left: 2px solid #000;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
}
.page_now .main_news .mainnews_title {
	padding:20px;
	border-bottom: 2px solid #000;
	text-align: center;
}
.page_now .main_news .mainnews_box{
	background:url(../images/ls_now/en_mainnews_pt.png) repeat;
	border-top: 2px solid #000;
	margin-top: 4px;
	padding: 50px;
}
.page_now .main_news .mainnews_box h3{
	text-align: center;
}
.page_now .main_news .mainnews_box p{
	padding-top: 30px;
}

/* 버튼 추가 */
.btn{
	text-align: center;
	padding-top: 30px;
}

/* 뉴스 - 사업장별 배경색 지정 */
.page_now .now_box{
	border-left: 2px solid #000;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
}
.page_now .now_box .sec1{     /*전력 CIC*/
	background-color: #ede7ff;
	padding: 50px;
}
.page_now .now_box .sec2{    /*글로벌/SE CIC 배경색*/
	background-color: #f8ebd7;
	padding: 50px;
}
.page_now .now_box .sec3{     /*자동화 CIC*/
	background-color: #cce7fc;
	padding: 50px;
}
.page_now .now_box .sec4{     /*천안사업장 배경색*/
	background-color: #c9fae0;
	padding: 50px;
}
.page_now .now_box .sec5{     /*동반성장 배경색*/
	background-color: #d8feff;
	padding: 50px;
}
.page_now .now_box .sec6{    /*미국법인 배경색*/
	background-color: #fce9f5;
	padding: 50px;
}
.page_now .now_box .sec7{    /*일본법인 배경색*/
	background-color: #d3ecff;
	padding: 50px;
}
.page_now .now_box .sec8{    /*청주사업장 배경색*/
	background-color: #dbe3ff;
	padding: 50px;
}
.page_now .now_box .sec9{    /*Global R&D Campus 배경색*/
	background-color: #ffdfe5;
	padding: 50px;
}
.page_now .now_box .sec10{    /*부산사업장 배경색*/
	background-color: #def4f8;
	padding: 50px;
}

.page_now .now_box h4{
	padding-bottom: 40px;
	text-align: center;
}

.page_now .now_box .sec_con{
	overflow:hidden;
	padding:30px;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 0 2px 4px rgba(155,155,155,0.1);
	-webkit-box-shadow: 0 0 2px 4px rgba(155,155,155,0.1);
}
.page_now .now_box .sec_con h5{
	font-weight:500;
	font-size:2.3rem;
	line-height:36px;
	letter-spacing: -1.3px;
	text-align: left;
}
.page_now .sec_con .bd {
    height: 2px;
    border-top: 2px solid #000;
    width: 100%;
    margin-top: 7px;
    margin-bottom: 15px;
}
.page_now .sec_con .con_left{
	float:left;
	width:50%;
}
.page_now .sec_con .con_right{
	float:right;
	width:50%;
}

.page_now .now_box .sec_con1{
	float: left;
	width: 48.5%;
	padding:20px 20px 30px 21px;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 0 2px 4px rgba(155,155,155,0.1);
	-webkit-box-shadow: 0 0 2px 4px rgba(155,155,155,0.1);
}
.page_now .now_box .sec_con1 img{
	text-align: center;
}
.page_now .now_box .sec_con1 h5{
	font-weight:500;
	font-size:2.3rem;
	line-height:36px;
	letter-spacing: -1.3px;
	margin-top: 20px;
	text-align: left;
}
.page_now .sec_con1 .bd {
    height: 2px;
    border-top: 2px solid #000;
    width: 100%;
    margin-top: 7px;
    margin-bottom: 15px;
}

.mt30{margin-top: 30px;}
.mt35 {margin-top: 35px;}


/* 강제로 박스 높이 맞추기 */
.news_box1 {
	margin-left: 28px;
	height: 688px;
}
.news_box2 {
	margin-right: 28px;
	height: 869px;
}
.news_box3 {
	height: auto;
}
.news_box4 {
	margin-left: 28px;
	margin-bottom: 30px;
	/*height: 716px;*/
}
.news_box5 {
	margin-left: 28px;
	height: 796px;
}


/* 강제로 사진 가운데로 맞추기 */
.img1 {padding-top: 20px;}
.img2 {padding-top: 10px;}
.img3 {padding-top: 10px;}

.caption{
	font-size: 1.6rem;
	letter-spacing: -0.5px;
}

/***************************************************/

@media all and (max-width:1279px){
	.page_main.page_now{
		width: 1100px;
		margin: 0 auto;
		margin-bottom: 50px;
	}
}	

@media all and (max-width:1139px){
	.page_main.page_now{
		width:100%;		
		background-size:100%;
	}

	/*뉴스 헤더*/
	.page_now .now_head .head_box .month{
		width: 20%;
		padding-right: 15px;
	}
	.page_now .now_head .head_box .title{
		width: 60%;
	}
	.page_now .now_head .head_box .teg{
		width: 20%;
		padding-left: 15px;
	}

	/*뉴스*/
	.page_now .now_box .sec_con h5{
		line-height:28px;
		letter-spacing: -1px;
		padding-top: 15px;
	}
	.page_now .sec_con .con_left{
		float:none;
		width:100%;
		text-align: center;
	}
	.page_now .sec_con .con_right{
		float:none;
		width:100%;
		text-align: center;
	}
	.page_now .now_box .sec_con1{
		float: none;
		width: 100%;
		padding:15px;
		text-align: center;
	}
	.page_now .now_box .sec_con1 h5{
		letter-spacing: -1px;
		margin-top: 15px;
	}

	.news_box1 {
		margin-left: 0;
		height: auto;
		margin-top: 30px;
	}
	.news_box2 {
		margin-right: 0;
		height: auto;
		margin-bottom: 30px;
	}
	.news_box3 {
		margin-right: 0;
		height: auto;
		margin-top: 30px;
	}
	.news_box4 {
		margin-left: 0px;
		margin-bottom: 0;
		margin-top: 30px;
	}
	.news_box5 {
		margin-left: 0px;
		height: auto;
		margin-top: 30px;
	}
	.mb30{margin-bottom: 30px;}
	.mt30{margin-top: 0px;}
	.mt35 {margin-top: 0px;}

	.img1 {padding-top: 0;}
	.img2 {padding-top: 0;}
	.img3 {padding-top: 0;}
}

@media all and (max-width:768px){
	.line-break {
    	display: inline;  /** 지우지말것 **/
	}
	
	/*뉴스 헤더*/
	.page_now .now_head .head_box{
		padding: 30px;
	}
	.page_now .now_head .head_box .month{
		float: none;
		width: 100%;
		padding-top: 0;
		padding-bottom: 20px;
		margin-left: -30px;
		width: 60%;
	}
	.page_now .now_head .head_box .title{
		float: none;
		width: 100%;
		text-align: center;
	}
	.page_now .now_head .head_box .teg{
		float: none;
		width: 100%;
		text-align: center;
		padding-top: 30px;
	}

	/*메인 뉴스*/
	.page_now .main_news .mainnews_box{
		padding: 20px;
	}
	.page_now .main_news .mainnews_box p{
		padding-top: 20px;
	}

	/*뉴스*/
	.page_now .now_box .sec1,
	.page_now .now_box .sec2,
	.page_now .now_box .sec3,
	.page_now .now_box .sec4,
	.page_now .now_box .sec5,
	.page_now .now_box .sec6,
	.page_now .now_box .sec7,
	.page_now .now_box .sec8,
	.page_now .now_box .sec9,
	.page_now .now_box .sec10 {
		padding: 40px 20px 40px 20px;
	}
	.page_now .now_box .sec_con {
		padding: 15px;
	}
	.page_now .now_box h4 {
		padding-bottom: 30px;
		width: 60%;
		margin: 0 auto;
	}
}