/******* 메인슬라이드 *******/
/* swiper slider */
.main_img_slider { width: 100%; height: 690px; 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: 25%; left: 50%; margin-left: -600px; }
.main_img_slider > div > div > div > h5 { padding: 5px 0; color: #fff; font-size: 27px; font-weight: 200; }
.main_img_slider > div > div > div > h2 { line-height: 70px; color: #fff; font-size: 62px; font-weight: 600; margin-bottom: 20px; letter-spacing: -2px; }
.swiper-pagination { bottom: 20px !important; }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 17px 6px !important }
.swiper-pagination-bullet { width: 10px !important; height: 10px !important; background: #fff !important; border: none !important;}
.swiper-pagination-bullet-active { background: #0091db !important; border: none !important; }

/* 공통 */
.color_wh { color: white; }
.container_m { width: 100%; padding: 80px 0; }
.container_m > div > h4 { font-size: 50px; letter-spacing: -1.5px; text-align: center; }
.container_m > div > p { font-size: 18px; font-weight: 500; text-align: center; word-break: keep-all; }
.container_m > div > span { display: block; width: 40px; height: 1px; margin: 20px auto; border-bottom: 1px solid #c3021c; }
.container_m > div > h5 { font-size: 18px; font-weight: 500; width: 100%; max-width: 1000px; line-height: 35px; margin: auto; text-align: center; word-break: keep-all; }

/******* 메인 영역 *******/
.main_content_01 {  }
.main_content_02 { width: 100%; padding: 50px 0; background: url(../../../img/main_bg_01.jpg); background-size: cover!important; background-position: center!important }
.main_content_02 > div > ul { width: 100%; max-width: 1200px; margin: auto; display: flex; justify-content: space-between; flex-flow: row wrap; } 
.main_content_02 > div > ul > li { width: 27.5%; border-right: 1px solid #fff; display: flex; justify-content: center; align-items: center }
.main_content_02 > div > ul > li:hover { cursor: pointer; }
.main_content_02 > div > ul > li:nth-of-type(1) { width: 45%; }
.main_content_02 > div > ul > li:last-child { border: none; }
.main_content_02 > div > ul > li > p { display: flex; align-items: center; color: #fff; font-size: 20px; }
.main_content_02 > div > ul > li > p > span { color: #fff; font-size: 32px; padding-left: 20px; }
.main_content_02 > div > ul > li > img { padding-right: 20px; }
.main_content_03 { padding: 80px 0 0; }
.main_content_03 > div > ul { margin: 55px 0 0; display: flex; justify-content: space-between; flex-flow: row wrap; }
.main_content_03 > div > ul > li { width: 50%; position: relative; display: flex; justify-content: center; align-items: center; }
.main_content_03 > div > ul > li:hover { cursor: pointer }
.main_content_03 > div > ul > li > img { width: 100%; }
.main_content_03 > div > ul > li > p { font-size: 40px; font-weight: 600; position: absolute; text-align: center; color: #fff; }
.main_content_03 > div > ul > li > p > span { font-weight: 600; color: #fff; display: block; text-align: center; }
.main_content_04 { padding: 0; }
.main_content_04 > div > ul { display: flex; justify-content: space-between; flex-flow: row wrap; }
.main_content_04 > div > ul > li { width: 50%; padding: 60px 80px; }
.main_content_04 > div > ul > li:nth-of-type(1) { border-right: 1px solid #ccc; }
.main_content_04 > div > ul > li > h4 { font-size: 25px; font-weight: 600; letter-spacing: -1px; }
.main_content_05 { background: url(../../../img/main_bg_02.jpg); background-size: cover !important; background-position: center !important }
.main_content_05 > div > ul { width: 100%; max-width: 1050px; margin: 55px auto; flex-flow: row wrap; display: flex; justify-content: space-between; align-items: center; }
.main_content_05 > div > ul > li {  position: relative;  width: 33.33%; display: flex; justify-content: center; align-items: center; }
.main_content_05 > div > ul > li:hover { cursor: pointer; }
.main_content_05 > div > ul > li > p { display: flex; justify-content: center; align-items: center; width: 170px; height: 170px; border: 1px solid #fff; border-radius: 170px; }
.main_content_05 > div > ul > li > .active { background: rgba(297,297,297,0.5); border: 1px solid transparent; transition: all .4s ease-in-out; }
.main_content_05 > div > ul > li > span { position: absolute; bottom: -47px; left: 50%; transform: translateX(-50%); font-size: 20px; font-weight: 400; color: #fff; text-align: center; }
.main_content_05 > div > ul > li > p > img {  }


@media (max-width: 1270px){
	.container_m { padding-left: 20px !important; padding-right: 20px !important; }
	.main_content_03 { padding: 80px 0 0 !important; }
	.main_img_slider { height: 500px; }
	.main_img_slider > div > div > div { position: relative; margin-left: 0; left: 0;  }
	.main_img_slider > div > div > div > h2 { font-size: 55px; line-height: 65px; text-align: center; }
	.main_img_slider > div > div > div > h5 { text-align: center; }
	.main_content_03 > div > ul > li > p { font-size: 28px; }
	.main_content_04 > div > ul > li { width: 100%; padding: 30px; }
	.main_content_04 > div > ul > li:nth-of-type(1) { border-right: 0; border-bottom: 1px solid #ccc; }
}
@media (max-width: 1040px){
	.main_content_02 > div > ul > li > p > span { font-size: 24px; }
}
@media (max-width: 870px){
	.main_content_03 > div > ul > li { width: 100%; }
	.main_content_02 { padding: 0; }
	.main_content_02 > div > ul > li { justify-content: flex-start; width: 100% !important; border-right: 0; border-bottom: 1px solid #fff; padding: 25px; }
} 
@media (max-width: 720px){
	.main_img_slider > div > div > div { top: 30%; }
	.main_img_slider > div > div > div > h2 { font-size: 40px; line-height: 50px; }
	.main_img_slider > div > div > div > h5 { font-size: 23px; }
	.container_m > div > h5 { font-size: 16px; line-height: 30px; }
	.container_m > div > h4 { font-size: 38px; }
	.main_content_05 > div > ul > li > p { width: 140px; height: 140px; }
	.main_content_05 > div > ul > li > span { font-size: 16px }
	.main_content_04 > div > ul > li > h4 { font-size: 18px; }
	.main_content_04 > div > ul > li { padding: 30px 0; }
	.lat li a, .lat .lt_date { font-size: 16px; }
}
@media (max-width: 550px){
	.main_content_05 > div > ul > li { width: 100%; margin-bottom: 75px; }
	.main_content_05 > div > ul > li:last-child { margin-bottom: 0; }
	.lat .lat_title a { font-size: 22px; }
	.lat li a, .lat .lt_date { font-size: 14px; }
}
@media (max-width: 500px){
	.container_m > div > p { font-size: 16px; }
}