/******* 스와이프 슬라이드 *******/
.main_img_slider { width: 100%; height: 450px; transition: height 0.2s ease-in-out; }
.main_img_slider .swiper-slide { background-position: center; background-repeat: no-repeat; background-size: cover; }
.main_img_slider > div > div > div { position: absolute; top: 50%; margin-top: -110px; left: 50%; margin-left: -590px; }
.main_img_slider > div > div > div > h5 { color: #188e3c; font-size: 22px; }
.main_img_slider > div > div > div > h2 { font-family: 'S-CoreDream-7ExtraBold'; font-size: 64px; letter-spacing: -2px; background: linear-gradient(to right, #5a7044, #5a7044, #8e8718, #8e8718); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.main_img_slider > div > div > div > h4 { font-family: 'S-CoreDream-3Light'; font-size: 23px; color: #333; letter-spacing: -1px; margin-top: 33px; }
.main_img_slider > div > div > div > h4 > span {   }
.main_img_slider > div > div > div > img { margin-top: 17px; }
.swiper-pagination { bottom: 30px !important; }
.swiper-pagination-bullet { opacity: 1 !important }
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 17px 5px !important }
.swiper-pagination-bullet { width: 10px !important; height: 10px !important; background: #fff !important; border: none !important;}
.swiper-pagination-bullet-active { background: #188e3c !important; border: none !important; }


/******* 메인컨텐츠 *******/
/* 공통 */
.main_container { width: 100%; margin: 25px auto; display: flex; justify-content: center; align-items: center }
.main_container > div { width: 100%; }

.content01 > div > ul { width: 100%; max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; flex-flow: row wrap; }
.content01 > div > ul > li { height: 150px; }
.content01 > div > ul > li:hover { cursor: pointer; }
.content01 > div > ul > li:nth-of-type(1) { width: 35%; padding: 30px 40px; }
.content01 > div > ul > li:nth-of-type(2) { width: 15%; background: #188e3c; padding: 30px; }
.content01 > div > ul > li:nth-of-type(3) { width: 15%; background: #2c5800; padding: 30px; }
.content01 > div > ul > li:nth-of-type(4) { width: 35%; padding: 30px 40px; }
.content01 > div > ul > li:nth-of-type(2) h4, .content01 > div > ul > li:nth-of-type(3) h4 { text-align: center; margin-top: 16px; }
.content01 > div > ul > li > h4 { color: #fff; font-size: 20px; }
.content01 > div > ul > li > h4 > span { padding-left: 5px; color: rgba(297,297,297,0.3); font-family: 'S-CoreDream-3Light'; font-size: 14px; letter-spacing: 0.5px }
.content01 > div > ul > li > h4 > a { margin-top: 6px; display: block; float: right; font-family: 'S-CoreDream-3Light'; font-size: 12px; color: #fff; letter-spacing: 0.5px }
.content01 > div > ul > li > h2 { font-size: 30px; color: #fff; line-height: 28px; margin-top: 17px; }
.content01 > div > ul > li > h5 { padding-left: 3px; font-size: 18px; font-family: 'S-CoreDream-1Thin'; color: #fff; letter-spacing: 0 }
.content01 > div > ul > li > p { color: #fff; font-family: 'S-CoreDream-3Light'; margin-top: 20px; }
.content01 > div > ul > li > img { display: block; margin: auto; }
/* 모바일 */
.content01 .main_mobile { padding: 0 10px; max-width: 450px; }
.content01 .main_mobile li { padding: 0 !important; width: 32% !important; height: auto; margin-bottom: 7px; }
.content01 .main_mobile li img { width: 100%; }

@media (min-width: 960px ){
	.main_mobile { display: none !important; }
}
@media (max-width: 1250px){
	.main_img_slider > div > div > div { left: 0; margin-left: 20px; }
}
@media (max-width: 1150px){
	.content01 > div > ul > li:nth-of-type(1), .content01 > div > ul > li:nth-of-type(4) { padding: 20px 30px }
	.content01 > div > ul > li > p { font-size: 15px; }
}
@media (max-width: 960px){
	.main_pc { display: none !important; }
	.content01 > div > ul { max-width: 600px; }
	.content01 > div > ul > li { height: 130px; }
	.content01 > div > ul > li:nth-of-type(1) { width: 70%;  }
	.content01 > div > ul > li:nth-of-type(2) { width: 30%; background: #188e3c; padding: 20px; }
	.content01 > div > ul > li:nth-of-type(3) { width: 30%; background: #2c5800; padding: 20px; }
	.content01 > div > ul > li:nth-of-type(4) { width: 70%;  }
	.content01 > div > ul > li > p { font-size: 14px; }
	.content01 > div > ul > li > h2 { font-size: 27px; margin: 5px 0; }
	.content01 > div > ul > li > h4 { font-size: 17px; }
	.main_img_slider { height: 400px; }
	.main_img_slider > div > div > div > h5 { font-size: 20px; }
	.main_img_slider > div > div > div > h4 { font-size: 18px; margin-top: 15px; transition: 0.2s ease-in-out; }
	.main_img_slider > div > div > div > img { width: 100%; max-width: 430px; transition: 0.2s ease-in-out; }
}
@media (max-width: 500px){
	.main_container { margin: 10px auto 3px auto !important; }
	.swiper-pagination { bottom: 6px !important; }
	.main_img_slider { height: 250px; }
	.main_img_slider > div > div > div { padding: 20px 20px 20px 0; }
	.main_img_slider > div > div > div > h5 { font-size: 20px; }
	.main_img_slider > div > div > div > h4 { font-size: 18px; margin-top: 15px; transition: 0.2s ease-in-out; }
	.main_img_slider > div > div > div > img { width: 100%; max-width: 380px; transition: 0.2s ease-in-out; }
}