@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@font-face {
	font-family: 'S-CoreDream-5Medium';
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

* {padding: 0; margin: 0; list-style: none;}

.webzineView .titleBox .middleBox > h4 {color: #5053D5;}
.webzineView .titleBox .middleBox > div > h3 {color: #5053D5;}
.webzineView .titleBox .middleBox > div > p {color: #5053D5;}

.greenMagazine1 {width: 100%; margin: 40px 0; font-family: 'Noto Sans KR', sans-serif;}
.greenMagazine1 .greenMagazine1_wrap {width: 90%; margin: 0 auto;}
.greenMagazine1_wrap .box1 {width: 100%; text-align: center; padding: 30px 0;}
.greenMagazine1_wrap .box1 > img {width: 100%;}

.greenMagazine1_wrap .box2 {width: 100%; padding: 20px 0; text-align: center; line-height: 1.5;}
.greenMagazine1_wrap .box2 > h5 {font-size: 28px; color: #5053D5; font-weight: 400;}
.greenMagazine1_wrap .box2 > h1 {font-size: 38px; font-weight: bold; color: #5053D5;}
.greenMagazine1_wrap .box2 > h1 > span {color:#FD5DBF;}
.greenMagazine1_wrap .box2 > h4 {font-size: 16px; margin: 15px 0; font-weight: 300;}

.greenMagazine1_wrap .box3 {width: 100%; padding: 20px 0; text-align: center;}

.greenMagazine1_wrap .box4 {width: 100%; text-align: center; padding: 20px 0; line-height: 1.75; font-size: 16px; line-height: 2.5;}
.greenMagazine1_wrap .box4 .box4_bgimg > img {display: none;}
.greenMagazine1_wrap .box4 .box4_bgimg > p { font-size: 16px; font-weight: 300;}

.greenMagazine1_wrap .box5 {width: 100%; text-align: center; padding: 20px 0;  font-family: 'S-CoreDream-5Medium';}
.greenMagazine1_wrap .box5 > .text27 {position: relative; width: 85%; margin: 0 auto; color: #fff; background-color: #5053D5; border-radius: 50px; margin-top: 40px; margin-bottom: 20px; padding: 18px 0px 18px 40px; font-size: 16px; box-sizing: border-box;}
.greenMagazine1_wrap .box5 > .text27 > p {position: absolute; top: -1px; left: -3px; width: 54px; height: 54px; border-radius: 100px; background-color:#FFD45B; color: #fff; font-size: 25px; line-height: 2.25;}
.greenMagazine1_wrap .box5 > .text5 {position: relative; width: 85%; margin: 0 auto; color: #fff; background-color: #5053D5; border-radius: 50px; margin-bottom: 20px; padding: 18px 0px 18px 40px; box-sizing: border-box; font-size: 16px;}
.greenMagazine1_wrap .box5 > .text5 > p {position: absolute; top: -1px; left: -3px; width: 54px; height: 54px; border-radius: 100px; background-color:#FD5DBF; color: #fff; font-size: 25px; line-height: 2.25;}
.greenMagazine1_wrap .box5 > .text {width: 90%; margin: 0 auto; color: #fff; background-color: #5053D5; border-radius: 19px; margin-bottom: 20px; padding: 18px; font-size: 16px; box-sizing: border-box; line-height: 1.5;}

@media all and (min-width:480px) {
.greenMagazine1_wrap .box1 > img {width: 100%; max-width: 332px; margin: 0 auto;}
}

@media all and (min-width:768px) {
.greenMagazine1 .greenMagazine1_wrap {width: 100%; max-width: 900px; margin: 0 auto;}
.greenMagazine1_wrap .box3 {display: none;}

.greenMagazine1_wrap .box4 {width: 100%; height: 550px; max-width: 800px; margin: 0 auto; font-size: 18px;}
.greenMagazine1_wrap .box4 .box4_bgimg {position: relative; width: 100%; max-width: 1000px; margin: 0 auto;}
.greenMagazine1_wrap .box4 .box4_bgimg > img {display: block; width: 100%;}
.greenMagazine1_wrap .box4 .box4_bgimg > p {position: absolute; top: 0; left: 30%; font-size: 18px;}

.greenMagazine1_wrap .box5 {width: 100%; max-width: 700px; margin: 0 auto;}
.greenMagazine1_wrap .box5 > .text27 {float: left; width: 40%; margin: 40px 0px 20px 40px;}
.greenMagazine1_wrap .box5 > .text5 {float: right; width: 40%; margin: 40px 40px 20px 0px;}
.greenMagazine1_wrap .box5 > .text {clear: both;}
}

@media all and (min-width:1080px) {

	.greenMagazine1_wrap .box2 > h5 {font-size: 41px;}
	.greenMagazine1_wrap .box2 > h1 {font-size: 50px;}
	.greenMagazine1_wrap .box2 > h4 {font-size: 22px;}
	.greenMagazine1_wrap .box5 > .text27 {font-size: 18px;}
	.greenMagazine1_wrap .box5 > .text5 {font-size: 18px;}
	.greenMagazine1_wrap .box5 > .text {font-size: 18px;}
	.greenMagazine1_wrap .box4 .box4_bgimg > p {font-size: 20px; left: 28%;}

}