/*
LS CSS
by HYH
*/

.page_title.iss{
	width:100%;
	/*background-color:#90c6f4;*/
	background:url(../images/issue/is0-0_vol23_04.jpg)  no-repeat center top;
}

.page_title.iss .title_main{
	/*background:url(../images/issue/is0_vol05.png) no-repeat right top;*/
	width:1400px;
	margin:0 auto;	
    padding-top: 174px;
    height: 600px;
}

.page_title.iss .title_box h2,
.page_title.iss .title_box h3,
.page_title.iss .title_box h4{
	color:#fff;
	letter-spacing: -1.2px;
}

.page_title.iss .title_box h2 span:before{
	border-color:#fff;
}
.clear { clear: both; }
.bold {font-weight: 500;}
.pt30 {padding-top: 30px;}

/* 리드글 */
.pg_top{
	padding-bottom: 90px;
}


/* sec1 */
.page_iss .sec1{
	position:relative;
	padding-bottom:100px;
}
.page_iss .sec1 .iss_box{
	background-color: #2a3287;
	padding: 50px;
	border-radius: 20px;
	color: #fff;
}
.page_iss .sec1 .iss_box .line_box{
	border-radius: 15px;
	border: 7px solid #fff;
	padding: 50px;	
}
.page_iss .sec1 .iss_box .line_box h5{
	text-align: left;
	padding-bottom: 20px;
}


/* sec2 */
.page_iss .sec2{
	position:relative;
	padding-bottom:100px;
}
.page_iss .sec2 .iss_box{
	background:url(../images/issue/is2-2_vol23_04.png)  no-repeat right bottom;
	background-color: #035877;
	padding: 80px 60px 80px 60px;
	color: #ffffff;
}
.page_iss .sec2 .iss_box h5{
	padding-bottom: 50px;
	text-align: center;
}
.page_iss .sec2 .iss_box .photo{
	background-color: #187990;
	border-radius: 7px;
	padding: 25px;
	text-align: center;
}
.page_iss .sec2 .iss_box .ph01{
	width: 84%;
	margin: 0 auto;
}
.page_iss .sec2 .iss_box .ph02{
	float: left;
	width: 476px;
	margin-top: 50px;
}
.page_iss .sec2 .iss_box .ph03{
	float: left;
	width: 475px;
	margin: 140px 0 50px 28px;
}
.page_iss .sec2 .iss_box .ph04{
	width: 626px;
	margin: 0 auto;
}

.capt {
	font-size: 1.8rem;
	color: #fff;
	padding-top: 7px;
}
.pb60{padding-bottom: 60px}


/* sec3 */
.page_iss .sec3{
	position:relative;
	padding-bottom:100px;
}
.page_iss .sec3 .iss_box{
	background:url(../images/issue/is3-2_vol23_04.png)  no-repeat left bottom;
	background-color: #235c3e;
	padding: 80px 60px 80px 60px;
	color: #ffffff;
}
.page_iss .sec3 .iss_box h5{
	padding-bottom: 50px;
	text-align: center;
}
.page_iss .sec3 .iss_box .photo{
	background-color: #2b7d52;
	border-radius: 7px;
	padding: 25px;
	text-align: center;
}
.page_iss .sec3 .iss_box .ph01{
	float: left;
	width: 470px;
	margin-top: 160px;
}
.page_iss .sec3 .iss_box .ph02{
	float: left;
	width: 470px;
	margin-top: 50px;
	margin-left: 40px;
}
.page_iss .sec3 .iss_box .ph03{
	width: 622px;
	margin: 50px 0 50px 320px;
}
.page_iss .sec3 .iss_box .ph04{
	width: 790px;
	margin: 0 auto;
}


/* sec4 */
.page_iss .sec4{
	position:relative;
	padding-bottom:100px;
}
.page_iss .sec4 .iss_box{
	background:url(../images/issue/is4-2_vol23_04.png)  no-repeat left bottom;
	background-color: #2a4381;
	padding: 80px 60px 80px 60px;
	color: #ffffff;
}
.page_iss .sec4 .iss_box h5{
	padding-bottom: 50px;
	text-align: center;
}
.page_iss .sec4 .iss_box .photo{
	background-color: #5472a7;
	border-radius: 7px;
	padding: 25px;
	text-align: center;
}
.page_iss .sec4 .iss_box .ph01{
	width: 596px;
	margin: 0 auto;
}
.page_iss .sec4 .iss_box .ph02{
	float: left;
	width: 448px;
	margin-top: 120px;
}
.page_iss .sec4 .iss_box .ph03{
	float: left;
	width: 494px;
	margin: 50px 0 50px 38px;
}
.page_iss .sec4 .iss_box .ph04{
	width: 592px;
	margin: 0 auto;
}


/* sec5 */
.page_iss .sec5{
	position:relative;
	padding-bottom:40px;
}
.page_iss .sec5 .iss_box{
	background:url(../images/issue/is5-1_vol23_04.png)  no-repeat center bottom;
	background-color: #2a3287;
	padding: 80px 60px 280px 60px;
	color: #ffffff;
}


/*가운데 정렬에 강제 엔터일 경우 사용*/
.line-break {
    display: block;
}


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

@media all and (max-width:1279px){
	.page_main.page_iss{
		width:auto;
		padding:20px 3%;
	}
}


@media all and (max-width:1099px){
	.page_title.iss {
		background:url(../images/issue/is0-1_vol23_04.jpg) no-repeat left bottom;
		background-color: #293995;
		/*background-size: 175%;*/
	}

	.pg_top {
		padding-bottom: 40px;
	}
	.line-break {      /*가운데 정렬에 강제 엔터일 경우 사용*/
    	display: inline;
	}

	.page_iss .sec1,
	.page_iss .sec2,
	.page_iss .sec3,
	.page_iss .sec4{
		padding-bottom: 50px;
	}
	.page_iss .sec5 {
		padding-bottom: 0;
	}

	.page_iss .sec1 .iss_box{
		padding: 25px;
	}
	.page_iss .sec1 .iss_box .line_box{
		padding: 25px;	
	}
	.page_iss .sec2 .iss_box,
	.page_iss .sec3 .iss_box,
	.page_iss .sec4 .iss_box{
		padding: 40px 30px 40px 30px;
	}
	.page_iss .sec5 .iss_box{
		padding: 40px 30px 130px 30px;
		background-size: 100%;
	}
	
	.pb60{padding-bottom: 30px}
	.page_iss .sec2 .iss_box .photo,
	.page_iss .sec3 .iss_box .photo,
	.page_iss .sec4 .iss_box .photo{
		padding: 12px;
	}

	.page_iss .sec2 .iss_box .ph01{
		width: auto;
	}
	.page_iss .sec2 .iss_box .ph02{
		float: none;
		width: auto;
		margin-top: 30px;
	}
	.page_iss .sec2 .iss_box .ph03{
		float: none;
		width: auto;
		margin: 30px 0 30px 0;
	}	
	.page_iss .sec2 .iss_box .ph04{
		width: auto;
	}
	.page_iss .sec3 .iss_box .ph01{
		float: none;
		width: auto;
		margin-top: 30px;
	}
	.page_iss .sec3 .iss_box .ph02{
		float: none;
		width: auto;
		margin-top: 30px;
		margin-left: 0;
	}
	.page_iss .sec3 .iss_box .ph03{
		width: auto;
		margin: 30px 0 30px 0;
	}
	.page_iss .sec3 .iss_box .ph04{
		width: auto;
	}
	.page_iss .sec4 .iss_box .ph01{
		width: auto;
	}
	.page_iss .sec4 .iss_box .ph02{
		float: none;
		width: auto;
		margin-top: 30px;
	}
	.page_iss .sec4 .iss_box .ph03{
		float: none;
		width: auto;
		margin: 30px 0 30px 0
	}
	.page_iss .sec4 .iss_box .ph04{
		width: auto;
	}

}

@media all and (max-width:567px){
	.page_title.iss {
		/*background:url(../images/issue/is0-1_vol12.jpg) no-repeat left bottom;
		background-color: #90c6f4;
		background-size: 230%;*/
	}
	.page_title.iss {
		padding-top: 50px;
	}
}