/*
LS CSS
by HYH
*/

.page_title.iss{
	width:100%;
	/*background-color:#ffefaf;*/
	background:url(../images/issue/is0_vol23_07.jpg)  no-repeat center top;
}

.page_title.iss .title_main{
	/*background:url(../images/issue/is0_vol23_07.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;
}

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


/* 공통 */
.clear { clear: both; }
.bold {font-weight: 400;}
.capt {
	font-size: 1.8rem;
	padding-top: 7px;
}
.break {
    display: block;
}


/* sec1 */
.page_iss .sec1{
	position:relative;
	padding-bottom:100px;
}
.page_iss .sec1 .iss_box{
	background-color: #b3caff;
	padding:90px 60px 100px 60px;
}
.page_iss .sec1 .iss_box .is_img{
	text-align: center;
	padding-top: 60px;
}

/* 타이틀 부분 공통 */
.iss_tit{
	padding-bottom: 60px;
}
.iss_tit h5{
	text-align: center;
	margin-top: -170px;
}
.iss_tit .bd1{
	height:160px;
	background:url(../images/issue/is1-2_vol23_07.png) no-repeat center bottom;
}
.iss_tit .bd2{
	height:160px;
	background:url(../images/issue/is2-2_vol23_07.png) no-repeat center bottom;
}
.iss_tit .bd3{
	height:160px;
	background:url(../images/issue/is3-2_vol23_07.png) no-repeat center bottom;
}


/* sec2 */
.page_iss .sec2{
	position:relative;
	padding-bottom:100px;
}
.page_iss .sec2 .iss_box{
	background:url(../images/issue/is2-8_vol23_07.png) no-repeat 100px bottom;
	background-color: #ddf7bf;
	padding:90px 60px 100px 60px;
}
.page_iss .sec2 .iss_box .photo1{
	text-align: center;
	padding-top: 60px;
}
.page_iss .sec2 .iss_box .photo2{
	float: left;
	width: 43%;
	padding-top: 50px;
}
.page_iss .sec2 .iss_box .photo3{
	float: left;
	width: 57%;
	padding-top: 80px;
	padding-left: 46px;
}
.page_iss .sec2 .iss_box .photo4{
	float: left;
	width: 50%;
	padding-top: 60px;
	padding-left: 12px;
}
.page_iss .sec2 .iss_box .photo5{
	float: left;
	width: 50%;
	padding-top: 20px;
	padding-left: 50px;
}


/* sec3 */
.page_iss .sec3{
	position:relative;
	padding-bottom:40px;
}
.page_iss .sec3 .iss_box{
	background-color: #8de0e3;
	padding:90px 60px 0 60px;
}
.page_iss .sec3 .iss_box .is_img{
	padding-top: 60px;
	text-align: center;
}


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

@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_07.jpg) no-repeat left bottom;
		background-color: #4d83ff;
		/*background-size: 175%;*/
	}

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

	.page_iss .sec1,
	.page_iss .sec2{
		padding-bottom: 50px;
	}
	.page_iss .sec1 .iss_box{
		padding: 40px 30px 40px 30px;
	}
	.page_iss .sec2 .iss_box{
		background:url(../images/issue/is2-8_vol23_07.png) no-repeat center bottom;
		background-color: #ddf7bf;
		padding: 40px 30px 40px 30px;
	}
	.page_iss .sec3 .iss_box{
		padding: 40px 30px 0 30px;
	}
	.iss_tit{
		padding-bottom: 30px;
	}
	.page_iss .sec1 .iss_box .is_img,
	.page_iss .sec3 .iss_box .is_img{
		padding-top: 30px;
	}

	.page_iss .sec2 .iss_box .photo1{
		padding-top: 30px;
	}
	.page_iss .sec2 .iss_box .photo2{
		float: none;
		width: 100%;
		padding-top: 30px;
	}
	.page_iss .sec2 .iss_box .photo3{
		float: none;
		width: 100%;
		padding-top: 30px;
		padding-left: 0;
	}
	.page_iss .sec2 .iss_box .photo4{
		float: none;
		width: 100%;
		padding-top: 30px;
		padding-left: 0;
	}
	.page_iss .sec2 .iss_box .photo5{
		float: none;
		width: 100%;
		padding-top: 30px;
		padding-left: 0;
	}
}

@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;
	}
}