/* -------------------- 메인비주얼 -------------------- */
.main_visual{
  position:relative;
  overflow:hidden;
}
.main_visual .swiper-slide{height:960px;}
.main_visual .fix{
	z-index:2;
	position:absolute;
	left:50%; top:50%;
	width:100%;
	transform:translate(-50%,-50%);
	color:#fff;
}
.main_visual .fix h3{
	font-size:7.2rem;
	font-weight:900;
  color: #ff88c2;
}
.main_visual .fix h3 span{
  font-weight: 600;
  color: #e0e0e0;
}
.main_visual .fix p{
	font-size:4.6rem;
	font-weight:500;
}
.main_visual .controller{
  position: relative;
  display:flex;
	align-items: center;
  margin-top: 4rem;
	color:#fff;
}
.main_visual .controller .mv_status{
  z-index: 10;
  position: relative;
  margin-right: 12rem;
	font-size:1.8rem;
}
.main_visual .controller .mv_status button{
  padding: 0;
  color: #fff;
	outline: none;
  border: none;
  background: none;
}
.main_visual .controller .mv_num{
  margin-right: 2rem;
  font-size: 1.8rem;
  font-weight: 700;
}
.main_visual .controller .mv_pagination{
  left: 2.5rem;
  width: 10rem;
  height: 4px;
}
.main_visual .controller .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #fff;}
.main_visual .controller .mv_prev,
.main_visual .controller .mv_next{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
  width: 4rem;
  height: 4rem;
	font-size: 1.8rem;
  font-weight: 700;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, .5);
}
@media(max-width:991.98px){
  .main_visual .swiper-slide{height:800px;}
	.main_visual .fix h3{font-size:6rem;}
	.main_visual .fix p{font-size:3.5rem;}
  .main_visual .controller{margin-top: 3rem;}
}
@media(max-width:767.98px){
  .main_visual .swiper-slide{height:600px;}
	.main_visual .fix h3{font-size:4.5rem;}
	.main_visual .fix p{font-size:2.5rem;}
  .main_visual .controller{margin-top: 2rem;}
}
@media(max-width:576.98px){
  .main_visual .swiper-slide{height:450px;}
	.main_visual .fix h3{font-size:3rem;}
	.main_visual .fix p{font-size:1.8rem;}
  .main_visual .controller{margin-top: 1.5rem;}
}



/* -------------------- 공통 -------------------- */
#main_container .mainTitle{
  position: relative;
  display: inline-block;
  padding-right: 2rem;
  text-transform: uppercase;
  font-size: 5.2rem;
  font-weight: 800;
}
#main_container .mainTitle::after{
  content: '';
  position: absolute;
  top: 5px; right: 0;
  width: 1.2rem;
  height: 1.2rem;
  background: url(../_img/main/main_deco.png) no-repeat center center / 100% 100%
}
#main_container .mainTitle span{color: #ff88c2;;}
#main_container .moreView{
  text-transform: uppercase;
  font-size: 1.8rem;
  color: #ff88c2;;
  font-weight: 700;
}
#main_container .moreView img{margin-left: 5px;}
@media (max-width:991.98px) {
  #main_container .mainTitle{font-size: 4rem;}
  #main_container .moreView{font-size: 1.6rem;}
  #main_container .moreView img{width: 35px; margin-left: 3px;}
}
@media (max-width:767.98px) {
  #main_container .mainTitle{font-size: 3.5rem;}
}



/* -------------------- section01 -------------------- */
#main_container > .sec01{
	padding:14.5rem 0;
  background: url(../_img/main/main_sec01_bg.jpg) no-repeat center center / cover;
}
#main_container > .sec01 .tab{
  position: unset;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 3.5rem;
  margin-top: 5rem;
  margin-bottom: 3rem;
}
#main_container > .sec01 .tab span{
  cursor: pointer;
  position: relative;
  padding-bottom: 2px;
  width: auto;
  height: auto;
  font-size: 2rem;
  font-weight: 500;
  color: #555; /* 변경 */
  background: none;
  opacity: 1;
}
#main_container > .sec01 .tab span::after{
  content: '';
  position: absolute;
  bottom: 0; left: 0;
  width: 100%; height: 3px;
  background: #ff88c2;;
  opacity: 0;
}
#main_container > .sec01 .tab span.swiper-pagination-bullet-active{
  background: none;
  font-weight: 800;
  color: #ff88c2;;
}
#main_container > .sec01 .tab span.swiper-pagination-bullet-active::after{opacity: 1;}
#main_container > .sec01  .mySwiper{position: relative;}
#main_container > .sec01 .sw_con{overflow: hidden;}
#main_container > .sec01 .btns{
  z-index: 1;
  position: absolute;
  top: 22rem; left: 0;
  justify-content: space-between;
  width: 100%;
}
#main_container > .sec01 .btns > div{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 6rem;
  height: 6rem;
  font-size: 2.6rem;
  font-weight: 600;
  color:#aaa;
  background: #fff;
  border-radius: 100%;
  box-shadow: 0 0 2rem rgba(0, 0, 0, .15);
}
#main_container > .sec01 .btns .se01_prev{
  transform: translateX(-3rem);
}
#main_container > .sec01 .btns .se01_next{
  transform: translateX(3rem);
}
#main_container > .sec01 .img_area{
  height: 50rem;
  border-radius: 2rem;
  border-top-left-radius: 18rem;
}
#main_container > .sec01 .txt_area{
  display: flex;
  align-items: flex-start;
  margin-top: 4.5rem;
}
#main_container > .sec01 .txt_area h4{
  position: relative;
  flex-shrink: 0;
  padding-left: 1.2rem;
  width: 40rem;
  font-size: 3.4rem;
  font-weight: 800;
}
#main_container > .sec01 .txt_area h4::before{
  content: '';
  position: absolute;
  top: 50%; left: 0;
  width: 4px; height: 80%;
  background: #ff88c2;;
  transform: translateY(-50%);
}
#main_container > .sec01 .txt_area p{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(100% - 40rem);
  font-size: 2rem;
  font-weight: 300;
  color: #555; /* 변경 */
}
@media (max-width:991.98px) {
  #main_container > .sec01 {padding: 12rem 0;}
  #main_container > .sec01 .tab {
    justify-content: flex-start;
    gap: 2rem;
    margin-top: 3rem;
    margin-bottom: 2rem;
  }
  #main_container > .sec01 .tab span {font-size: 1.8rem;}
  #main_container > .sec01 .tab span::after {height: 2px;}
  #main_container > .sec01 .img_area {height: 40rem;}
  #main_container > .sec01 .btns {top: 18rem;}
  #main_container > .sec01 .txt_area {
    display: flex;
    align-items: flex-start;
    margin-top: 3rem;
  }
  #main_container > .sec01 .txt_area h4 {
    width: 28rem;
    font-size: 2.4rem;
  }
  #main_container > .sec01 .txt_area p {
    display: block;
    width: calc(100% - 28rem);
    font-size: 1.8rem;
  }
  #main_container > .sec01 .txt_area p span br{display: none;}
  #main_container > .sec01 .txt_area .moreView {
    display: block;
    margin-top: 1rem;
  }
}
@media (max-width:767.98px) {
  #main_container > .sec01 {padding: 10rem 0;}
  #main_container > .sec01 .tab {
    flex-wrap: wrap;
    gap: 1rem 2rem;
    margin-top: 2rem;
  }
  #main_container > .sec01 .img_area {
    height: 35rem;
    border-top-left-radius: 15rem;
  }
  #main_container > .sec01 .txt_area {display: block;}
  #main_container > .sec01 .txt_area > *{width: 100% !important;}
  #main_container > .sec01 .txt_area h4{margin-bottom: 1rem;}
  #main_container > .sec01 .btns {top: 16rem;}
  #main_container > .sec01 .btns > div {
    width: 4.5rem;
    height: 4.5rem;
    font-size: 2rem;
  }
  #main_container > .sec01 .btns .se01_next {
    transform: translateX(2.25rem);
  }
  #main_container > .sec01 .btns .se01_prev {
    transform: translateX(-2.25rem);
  }
}
@media (max-width:575.98px) {
  #main_container > .sec01 {padding: 8rem 0;}
}



/* -------------------- section02 -------------------- */
#main_container > .sec02{
  padding-top: 14.5rem;
  padding-bottom: 15rem;
  background:#fff5f5 url(../_img/main/main_sec02_bg.jpg) no-repeat center center / contain;
}
#main_container > .sec02 .top{
  align-items: center;
  justify-content: space-between;
}
#main_container > .sec02 ul{
  margin-top: 6rem;
  margin-bottom: 8.5rem;
  gap: 6.5rem;
}
#main_container > .sec02 ul li{
  position: relative;
  width: calc(20% - 4.5rem);
  text-align: center;
}
#main_container > .sec02 ul li::after{
  content: '';
  position: absolute;
  top: 50%; right: -3.25rem;
  transform: translate(50%,-50%);
  width: 11px; height: 19px;
  background: url(../_img/main/main_sec02_arrow.png) no-repeat center center / 11px 19px;
}
#main_container > .sec02 ul li:last-child::after{content: none;}
#main_container > .sec02 ul li .img{
  margin: 0 auto;
  padding: 4rem 0 4.5rem 0;
  width: calc(100% - 2rem);
  background: #fff;
  border-top-left-radius: 3rem;
  border-top-right-radius: 3rem;
}
#main_container > .sec02 ul li .txt{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3.5rem 1.5rem 3rem 1.5rem;
  min-height: 16.4rem;
  font-size: 2.2rem;
  font-weight: 800;
  color: #ff88c2;;
  background: #ffdddd;
  border-bottom-left-radius: 3rem;
  border-bottom-right-radius: 3rem;
}
#main_container > .sec02 ul li .txt span{
  position: absolute;
  top: -2rem; left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem; height: 4rem;
  transform: translateX(-50%);
  color: #fff;
  background: #ff88c2;;
  border-radius: 100%;
}
#main_container > .sec02 .video_area{
  margin: 0 auto;
  max-width: 862px;
}
#main_container > .sec02 .video_area video{
  border-radius: 4rem;
  border: 4px solid #ff88c2;;
}
#main_container > .sec02 .video_area p{
  margin-top: 1rem;
  padding: 1.5rem;
  text-align: center;
  color: #fff;
  background: #ff88c2;;
  border-radius: 1.5rem;
}
@media (max-width:1199.98px) {
  #main_container > .sec02 ul{
    justify-content: center;
    flex-wrap: wrap;
    gap: 3rem 6.5rem;
  }
  #main_container > .sec02 ul li{
    width: calc(25% - 4.5rem);;
  }
}
@media (max-width:991.98px) {
  #main_container > .sec02 {padding: 12rem 0;}
  #main_container > .sec02 ul{margin: 4rem 0;}
  #main_container > .sec02 ul li{width: 25%;}
  #main_container > .sec02 ul li .txt {
    padding: 2.5rem 1.5rem 2.5rem 1.5rem;
    min-height: 15rem;
    font-size: 2rem;
  }
}
@media (max-width:767.98px) {
  #main_container > .sec02 {padding: 10rem 0;}
  #main_container > .sec02 ul{
    gap: 2rem 4.5rem;
    margin: 3rem 0;
  }
  #main_container > .sec02 ul li{width: 33.3%;}
  #main_container > .sec02 ul li::after {
    right: -2.25rem;
    width: 9px;
    height: 15.5px;
    background: url(../_img/main/main_sec02_arrow.png) no-repeat center center / 9px 15.5px;
  }
  #main_container > .sec02 ul li .img {
    padding: 3rem 0 3.5rem 0;
  }
  #main_container > .sec02 ul li .img img{width: 40px;}
  #main_container > .sec02 ul li .txt {
    padding: 2rem 1rem 2rem 1rem;
    min-height: 10rem;
    font-size: 1.8rem;
  }
  #main_container > .sec02 ul li .txt span {
    top: -1.5rem;
    width: 3rem;
    height: 3rem;
    font-size: 1.6rem;
  }
}
@media (max-width:575.98px){
  #main_container > .sec02 {padding: 8rem 0;}
  #main_container > .sec02 ul{
    flex-direction: column;
    align-items: center;
    gap: 3.5rem 0;
  }
  #main_container > .sec02 ul li{width: 100%; max-width: 300px;}
  #main_container > .sec02 ul li::after {
    top: unset;
    bottom: -1.75rem;
    right: 50%;
    transform: translate(50%, 50%) rotate(90deg);
  }
}



/* -------------------- section03 -------------------- */
#main_container > .sec03{
  padding-top: 14.5rem;
  padding-bottom: 15rem;
  background: url(../_img/main/main_sec03_bg.jpg) no-repeat center center / cover;
}
#main_container > .sec03 > div{overflow: hidden;}
#main_container > .sec03 .top{
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5.5rem;
}
#main_container > .sec03 .btns{gap: 1rem;}
#main_container > .sec03 .btns > div{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 6rem;
  height: 6rem;
  font-size: 2.6rem;
  font-weight: 600;
  color:#aaa;
  background: #fff;
  border-radius: 100%;
  border: 1px solid #d5d5d5;
}
#main_container > .sec03 .btns .se01_prev{
  transform: translateX(-3rem);
}
#main_container > .sec03 .btns .se01_next{
  transform: translateX(3rem);
}
#main_container > .sec03 .contents{
  padding: 6rem 3rem;
  border-radius: 4rem;
  border-bottom-right-radius: 1rem;
}
#main_container > .sec03 .contents a{display: block; color: #fff;}
#main_container > .sec03 .contents .part{
  display: inline-block;
  padding: 5px 1rem;
  font-size: 2rem;
  font-weight: 900;
  background: #fff;
  border-radius: 1.8rem;
}
#main_container > .sec03 .contents .title,
#main_container > .sec03 .contents .desc{
  word-wrap: break-word; 
	display: -webkit-box; 
	-webkit-line-clamp: 2; 
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
#main_container > .sec03 .contents .title{
  margin: 2.5rem 0;
  font-size: 3.2rem;
  font-weight: 900;
}
#main_container > .sec03 .contents .desc{
  font-size: 2rem;
}
#main_container > .sec03 .contents .d-flex{
  align-items: center;
  justify-content: space-between;
  margin-top: 4.5rem;
}
#main_container > .sec03 .contents .date{font-size: 1.8rem;}
#main_container > .sec03 .swiper-wrapper > div:nth-child(3n+1) .contents{
  background: #ff88c2;;
}
#main_container > .sec03 .swiper-wrapper > div:nth-child(3n+2) .contents{
  background: #42b3e8;
}
#main_container > .sec03 .swiper-wrapper > div:nth-child(3n+3) .contents{
  background: #5ab532;
}
#main_container > .sec03 .swiper-wrapper > div:nth-child(3n+1) .part{
  color: #ff88c2;;
}
#main_container > .sec03 .swiper-wrapper > div:nth-child(3n+2) .part{
  color: #42b3e8;
}
#main_container > .sec03 .swiper-wrapper > div:nth-child(3n+3) .part{
  color: #5ab532;
}
@media (max-width:991.98px){
  #main_container > .sec03 {padding: 12rem 0;}
  #main_container > .sec03 .top {margin-bottom: 4rem;}
  #main_container > .sec03 .contents {padding: 4rem 2rem;}
  #main_container > .sec03 .contents .title {
    margin: 1.5rem 0;
    font-size: 2.2rem;
  }
  #main_container > .sec03 .contents .desc,
  #main_container > .sec03 .contents .part {font-size: 1.8rem;}
  #main_container > .sec03 .contents .d-flex {margin-top: 3rem;}
  #main_container > .sec03 .contents .d-flex img{width: 40px;}
  #main_container > .sec03 .contents .date {font-size: 1.6rem;}
}
@media (max-width:767.98px){
  #main_container > .sec03 {padding: 10rem 0;}
  #main_container > .sec03 .top {margin-bottom: 3rem;}
  #main_container > .sec03 .btns {gap: 5px;}
  #main_container > .sec03 .btns > div {
    width: 4.5rem;
    height: 4.5rem;
    font-size: 2rem;
  }
}
@media (max-width:575.98px){
  #main_container > .sec03 {padding: 8rem 0;}
  #main_container > .sec03 .mySwiper{overflow: hidden;}
}



/* -------------------- section04 -------------------- */
#main_container > .sec04{
  padding-top: 14.5rem;
  padding-bottom: 15rem;
  background: url(../_img/main/main_sec04_bg.jpg) no-repeat center center / cover;
}
#main_container > .sec04 .top{
  align-items: center;
  justify-content: space-between;
  margin-bottom: 7rem;
}
#main_container > .sec04 .mainTitle::after {
  background-image: url(../_img/main/main_deco2.png);
}
#main_container > .sec04 .moreView,
#main_container > .sec04 .mainTitle span{color: #42b3e8;}
#main_container > .sec04 .map_area{
  position: relative;
  margin: 0 auto;
  width: 730px;
  height: 651px;
  background: url(../_img/main/main_sec04_map.png) no-repeat center center / 100% 100%;
}
#main_container > .sec04 .map_area > div{
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
}
#main_container > .sec04 .map_area .map{
  position: relative;
  width: 100%; height: 100%;
}
#main_container > .sec04 .map_area .map::before{
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-repeat: no-repeat;
  background-position:center;
  background-size: 100% 100%;
  opacity: 0;
}
#main_container > .sec04 .map_area .map.on::before{opacity: 1;}
#main_container > .sec04 .map_area .map div{
  cursor: pointer;
  z-index: 1;
  position: absolute;
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
}
#main_container > .sec04 .map_area .map a{
  pointer-events: none;
  display: block;
  width: 100%;
  height: 100%;
}
#main_container > .sec04 .map_area .map.on a{
  pointer-events: all;
}
/* 지도 */
#main_container > .sec04 .map_area .map.map_01::before{
  background-image: url(../_img/main/main_sec04_map_태안.png);
}
#main_container > .sec04 .map_area .map.map_02::before{
  background-image: url(../_img/main/main_sec04_map_서산.png);
}
#main_container > .sec04 .map_area .map.map_03::before{
  background-image: url(../_img/main/main_sec04_map_당진.png);
}
#main_container > .sec04 .map_area .map.map_04::before{
  background-image: url(../_img/main/main_sec04_map_아산.png);
}
#main_container > .sec04 .map_area .map.map_05::before{
  background-image: url(../_img/main/main_sec04_map_천안.png);
}
#main_container > .sec04 .map_area .map.map_06::before{
  background-image: url(../_img/main/main_sec04_map_예산.png);
}
#main_container > .sec04 .map_area .map.map_07::before{
  background-image: url(../_img/main/main_sec04_map_흥성.png);
}
#main_container > .sec04 .map_area .map.map_08::before{
  background-image: url(../_img/main/main_sec04_map_청양.png);
}
#main_container > .sec04 .map_area .map.map_09::before{
  background-image: url(../_img/main/main_sec04_map_공주.png);
}
#main_container > .sec04 .map_area .map.map_10::before{
  background-image: url(../_img/main/main_sec04_map_보령.png);
}
#main_container > .sec04 .map_area .map.map_11::before{
  background-image: url(../_img/main/main_sec04_map_부여.png);
}
#main_container > .sec04 .map_area .map.map_12::before{
  background-image: url(../_img/main/main_sec04_map_논산.png);
}
#main_container > .sec04 .map_area .map.map_13::before{
  background-image: url(../_img/main/main_sec04_map_계룡.png);
}
#main_container > .sec04 .map_area .map.map_14::before{
  background-image: url(../_img/main/main_sec04_map_서천.png);
}
#main_container > .sec04 .map_area .map.map_15::before{
  background-image: url(../_img/main/main_sec04_map_금산.png);
}
/* 클릭 영역 */
#main_container > .sec04 .map_area .map.map_01 div{
  top: 15%;
  left: 6.6%;
}
#main_container > .sec04 .map_area .map.map_02 div{
  top: 19%;
  left: 23%;
}
#main_container > .sec04 .map_area .map.map_03 div{
  top: 9%;
  left: 36.8%;
}
#main_container > .sec04 .map_area .map.map_04 div{
  top: 16.5%;
  left: 61.5%;
}
#main_container > .sec04 .map_area .map.map_05 div{
  top: 27.5%;
  left: 80.6%;
}
#main_container > .sec04 .map_area .map.map_06 div{
  top: 32%;
  left: 48%;
}
#main_container > .sec04 .map_area .map.map_07 div{
  top: 41%;
  left: 31.9%;
}
#main_container > .sec04 .map_area .map.map_08 div{
  top: 54%;
  left: 46.2%;
}
#main_container > .sec04 .map_area .map.map_09 div{
  top: 51.5%;
  left: 70.8%;
}
#main_container > .sec04 .map_area .map.map_10 div{
  top: 58.5%;
  left: 29.5%;
}
#main_container > .sec04 .map_area .map.map_11 div{
  top: 69%;
  left: 42.5%;
}
#main_container > .sec04 .map_area .map.map_12 div{
  top: 76%;
  left: 60.5%;
}
#main_container > .sec04 .map_area .map.map_13 div{
  top: 70%;
  left: 75%;
}
#main_container > .sec04 .map_area .map.map_14 div{
  top: 83.5%;
  left: 31.1%;
}
#main_container > .sec04 .map_area .map.map_15 div{
  top: 83.5%;
  left: 73.5%;
}
@media (max-width:991.98px) {
  #main_container > .sec04 {padding: 12rem 0;}
  #main_container > .sec04 .top {margin-bottom: 5rem;}
  #main_container > .sec04 .map_area {
    width: 680px;
    height: 606px;
  }
}
@media (max-width:767.98px) {
  #main_container > .sec04 {padding: 10rem 0;}
  #main_container > .sec04 .top {margin-bottom: 4rem;}
  #main_container > .sec04 .map_area {
    width: 500px;
    height: 445.89px;
  }
  #main_container > .sec04 .map_area .map div {
    width: 5rem;
    height: 5rem;
  }
}
@media (max-width:575.98px) {
  #main_container > .sec04 {padding: 8rem 0;}
  #main_container > .sec04 .top {
    display: block !important;
    margin-bottom: 3rem;
  }
  #main_container > .sec04 .top a{display: block; margin-top: 1rem;}
  #main_container > .sec04 .map_area {
    width: 450px;
    height: 401px;
  }
}
@media (max-width:480px) {
  #main_container > .sec04 .top span{display: block;}
  #main_container .mainTitle::after {top: 31px;}
  #main_container > .sec04 .map_area {
    width: 315px;
    height: 280px;
  }
  #main_container > .sec04 .map_area .map div {
    width: 3.5rem;
    height: 3.5rem;
  }
}



/* -------------------- section05 -------------------- */
#main_container > .sec05{
  padding-top: 14.5rem;
  padding-bottom: 15rem;
  background: url(../_img/main/main_sec05_bg.jpg) no-repeat center center / cover;
}
#main_container > .sec05 > div{
  display: flex;
  align-items: center;
}
#main_container > .sec05 > div > div{width: 50%;}
#main_container > .sec05 > div .map_area{
  position: relative;
  padding-top: 32.9%;
  overflow: hidden;
  border-radius: 4rem;
  border: 1rem solid #ff88c2;;
}
#main_container > .sec05 > div .map_area > div{
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
}
#main_container > .sec05 .root_daum_roughmap .wrap_map,
#main_container > .sec05 .root_daum_roughmap{
  width: 100%; height: 100%;
}
#main_container > .sec05 .root_daum_roughmap .wrap_map .map > div:nth-child(2),
#main_container > .sec05 .root_daum_roughmap .wrap_btn_zoom{
  display: none;
}

#main_container > .sec05 .info_area{
  padding-left: 10rem;
}
#main_container > .sec05 .info_area > p{
  margin-top: 1rem;
  font-size: 2rem;
}
#main_container > .sec05 .info_area > p img{
  margin-right: 1rem;
  vertical-align: text-bottom;
}
#main_container > .sec05 .info_area ul{
  display: flex;
  gap: 2rem;
  margin-top: 8rem;
  padding-top: 8.5rem;
  border-top: 1px solid #eee;
}
#main_container > .sec05 .info_area ul li{width: calc(50% - 1rem);}
#main_container > .sec05 .info_area ul li a{
  display: block;
  padding: 3rem 0 2.5rem 0;
  text-align: center;
  font-size: 2rem;
  font-weight: 500;
  color: #555; /* 변경 */
  border-radius: 2rem;
  border: 1px solid #c8c8c8;
}
#main_container > .sec05 .info_area ul li a,
#main_container > .sec05 .info_area ul li a img{
  transition: all .3s ease-in-out;
}
#main_container > .sec05 .info_area ul li a p{margin-top: 1.5rem;}
#main_container > .sec05 .info_area ul li a:hover{
  color: #fff;
  background:#ff88c2;;
}
#main_container > .sec05 .info_area ul li a:hover img{
  filter: brightness(0) invert(1);
}
@media (max-width:1199.98px){
  #main_container > .sec05 .info_area {padding-left: 8rem;}
}
@media (max-width:991.98px){
  #main_container > .sec05{padding: 12rem 0;}
  #main_container > .sec05 > div{display: block;}
  #main_container > .sec05 > div > div {width: 100%;}
  #main_container > .sec05 > div .map_area {padding-top: 36%;}
  #main_container > .sec05 .info_area {
    margin-top: 3rem;
    padding-left: 0;
  }
  #main_container > .sec05 .info_area > p {
    margin-top: 5px;
    font-size: 1.8rem;
  }
  #main_container > .sec05 .info_area > p:first-of-type img {width: 14px;}
  #main_container > .sec05 .info_area > p:last-of-type img {width: 19px;}
  #main_container > .sec05 .info_area ul {
    margin-top: 3rem;
    padding-top: 4rem;
  }
  #main_container > .sec05 .info_area ul li a {
    padding: 2rem 0 2rem 0;
    font-size: 1.8rem;
  }
  #main_container > .sec05 .info_area ul li a p {margin-top: 1rem;}
  #main_container > .sec05 .info_area ul li a img {width: 65px;}
}
@media (max-width:767.98px){
  #main_container > .sec05{padding: 10rem 0;}
  #main_container > .sec05 > div .map_area {
    padding-top: 40%;
    border: 5px solid #ff88c2;;
  }
}
@media (max-width:575.98px){
  #main_container > .sec05{padding: 8rem 0;}
  #main_container > .sec05 > div .map_area {padding-top: 45%;}
  #main_container > .sec05 .info_area ul li a img {width: 50px;}
}