/******* 스와이프 슬라이드 *******/
.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 { padding: 135px 30px 0 54px; width: 400px; height: 500px; position: absolute; top: 50%; margin-top: -226px; left: 50%; margin-left: -599px; background: rgba(243,112,34,0.5); }
.main_img_slider > div > div > div > h5 { color: #188e3c; font-size: 22px; }
.main_img_slider > div > div > div > h2 { text-shadow: 2px 2px 10px rgba(0,0,0,0.5); font-family: 'S-CoreDream-7ExtraBold'; font-size: 55px; letter-spacing: -1px; color: #ffffff; }
.main_img_slider > div > div > div > h4 { line-height: 25px; width: 267px; text-align: center; border-bottom: 1px solid #ffffff; font-family: 'S-CoreDream-3Light'; font-size: 18px; color: #ffffff; letter-spacing: -1.5px; margin-top: 10px; }
.main_img_slider > div > div > div > h4 > span { margin-top: 10px; line-height: 25px; color: #ffffff; display: block; border-bottom: 1px solid #ffffff; text-align: center; width: 213px; }
.main_img_slider > div > div > div > img { margin-top: 17px; margin-left: -13px; }
.swiper-pagination { bottom: 10px !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: #f37022 !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; background-position: center !important; background-size: cover !important; }
.content01 > div > ul > li:nth-of-type(2) { width: 15%; background: #2e2d2b; padding: 30px; }
.content01 > div > ul > li:nth-of-type(3) { width: 15%; background: #ffaf36; padding: 30px; }
.content01 > div > ul > li:nth-of-type(4) { width: 35%; padding: 30px 40px; background-position: center !important; background-size: cover !important; }
.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; }