/*
LS CSS
by HYH
*/

.page_title.iss{
	width:100%;
	/*background-color:#6ece9f;*/
	background:url(../images/issue1/is0_vol10.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_bgbox{
	background-color: #24b8f6;
	padding: 70px 100px 0 100px;
	color: #fff;
}
.page_iss .sec1 .iss_bgbox h5{
	text-align: left;
	padding-bottom: 50px;
}
.page_iss .sec1 .iss_bgbox .img{
	text-align: center;
	padding-top: 50px;
}


/* sec2 */
.page_iss .sec2{
	position:relative;
	padding-bottom:100px;
}
.page_iss .sec2 .iss_bgbox{
	background-color: #4f45c3;
	padding: 70px 100px 100px 100px;
	color: #fff;
}
.page_iss .sec2 .iss_bgbox h5{
	text-align: left;
	padding-bottom: 50px;
}
.page_iss .sec2 .iss_bgbox .img{
	text-align: center;
	padding-bottom: 50px;
}

.page_iss .sec2 .iss_bgbox .list_box{
	background-color: #fff;
	padding: 50px;
	color: #000;
	margin-top: 50px;
}
.page_iss .sec2 .iss_bgbox .list_box .l_text{
	float: left;
	width: 50%;
	text-align: left;
	padding-top: 120px;
}
.page_iss .sec2 .iss_bgbox .list_box .r_photo{
	float: left;
	width: 50%;
	text-align: right;
	padding-bottom: 50px;
}
.page_iss .sec2 .iss_bgbox .list_box .bd{
	margin-top: 50px;
	padding-bottom: 50px;
	border-top: 1px solid #4d3deb;
}
.font_color{
	color: #48cdff;
	font-weight: 400;
}


/* sec3 */
.page_iss .sec3{
	position:relative;
	padding-bottom:50px;
}
.page_iss .sec3 .iss_bgbox{
	background:url(../images/issue1/is3-3_vol10.png)  no-repeat left top;
	background-color: #24b8f6;
	padding: 80px 60px 80px 60px;
	color: #fff;
}
.page_iss .sec3 .iss_bgbox h5{
	text-align: center;
	padding-bottom: 50px;
}
.page_iss .sec3 .iss_bgbox p{
	padding-bottom: 50px;
}
.page_iss .sec3 .iss_bgbox .w_box{
	background-color: #fff;
	border-radius: 30px;
	width: 58%;
	padding: 20px;
	margin: 0 auto;
	text-align: center;
	color: #000;
}
.page_iss .sec3 .iss_bgbox .w_box h6{
	text-align: center;
	padding-bottom: 10px;
}
.page_iss .sec3 .iss_bgbox .w_box p{
	text-align: center;
	padding-bottom: 0;
}


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


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

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


@media all and (max-width:1100px){
	.page_title.iss {
		
	}

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

	.page_iss .sec1,
	.page_iss .sec2,
	.page_iss .sec3{
		padding-bottom: 50px;
	}	
	.page_iss .sec1 .iss_bgbox,
	.page_iss .sec2 .iss_bgbox,
	.page_iss .sec3 .iss_bgbox{
		padding: 30px;
	}
	.page_iss .sec1 .iss_bgbox h5,
	.page_iss .sec2 .iss_bgbox h5,
	.page_iss .sec3 .iss_bgbox h5{
		padding-bottom: 30px;
	}

	.page_iss .sec2 .iss_bgbox .list_box{
		padding: 30px;
		margin-top: 40px;
	}
	.page_iss .sec2 .iss_bgbox .list_box .l_text{
		float: none;
		width: 100%;
		padding-top: 0;
		padding-bottom: 20px;
	}
	.page_iss .sec2 .iss_bgbox .list_box .r_photo{
		float: none;
		width: 100%;
		text-align: center;
		padding-bottom: 20px;
	}
	.page_iss .sec2 .iss_bgbox .list_box .bd{
		margin-top: 30px;
		padding-bottom: 30px;
	}
	.page_iss .sec3 .iss_bgbox p{
		padding-bottom: 30px;
	}
	.page_iss .sec3 .iss_bgbox .w_box{
		width: 96%;
	}

}

@media all and (max-width:567px){
	.page_title.iss {
		background:url(../images/issue1/is0_vol10.jpg) no-repeat right bottom;
		background-color: #4f45c3;
		background-size: 220%;
	}
	.page_title.iss {
		padding-top: 50px;
	}
}