@charset "utf-8";
/* CSS Document */

.p-guide .p-pageTitle {
	background: url(../img/guide/bg_title_guide.png) no-repeat center top;
}
.p-guide .p-pageTitle:before {
	background: url(../img/guide/icon_guide.png) no-repeat center top, url(../img/guide/tit_guide.png) no-repeat center bottom;
	background-size: 90px 95px, 200px 70px;
}

.p-guide .p-detail .p-lists {
	padding: 40px;
	background: url(../img/guide/bg_detail.png) no-repeat right 20px top 20px, url(../img/common/bg_body.jpg) repeat;
	border-radius: 10px;
}
.p-guide .p-detail .p-lists .c-list {
	padding: 0 0 10px 30px;
	background: url(../img/guide/icon_list.png) no-repeat left 3px;
	background-size: 19px 17px;
}
@media screen and (max-width: 1023px) {
	
	.p-guide .p-detail .p-lists {
		padding: 40px 300px 40px 40px;
	}
	
}
@media screen and (max-width: 767px) {
	
	.p-guide .p-pageTitle {
		background-size: auto 100px;
	}
	.p-guide .p-pageTitle:before {
		width: 260px;
		height: 70px;
		background: url(../img/guide/icon_guide.png) no-repeat left center, url(../img/guide/tit_guide.png) no-repeat right center;
		background-size: 90px 95px, 200px 70px;
	}
	.p-guide .p-detail .p-lists {
		padding: 20px 20px 105%;
		background: url(../img/guide/bg_detail.png) no-repeat center bottom 20px, url(../img/common/bg_body.jpg) repeat;
		background-size: 90% auto;
	}
	
}