/* ■■■■■■■■■■■■■■   COMMON 공통 스타일   ■■■■■■■■■■■■■■ */
.index_cont{width:100%; height:fit-content;}

/* ■■■■■■■■■■■■■■   mmm_con_1.php 스타일   ■■■■■■■■■■■■■■ */
.mainContainer{padding-top:0 !important; margin-bottom:0 !important;}

.spw_rel_wrap_1{position: relative;}
.spw_rel_wrap_2{position: relative;}
.spw_rel_wrap_3{position: relative;}


/* ----------- index 인덱스 페이지 공통  ----------- */
.index_title_txt_1{font-size:2.3rem; font-weight: 500; }

/* ----------- PF Common 베너 공통 ----------- */
/* .pf_comm_txt_title {font-size:3rem;}
.pf_comm_txt_cont {font-size:2rem;}
.pf_comm_txt_style1 {}
.pf_wraper_main{width:100%; height:100%;} */

/*  슬라이드 베너 더보기 버튼  */
.sb_Btn 
{
    display: flex; 
    justify-content:center;
    flex-direction: column;
    align-items: center;
    width:8rem;
    height:3rem;
    padding:.1rem 3rem;
    border:3px solid#a9bbcf;
    border-radius: 1rem;
    background-color: none;
    color:#0c1928;
    font-size: 1.2rem;
    font-weight: 500;
    cursor:pointer;
}

.sb_Btn:hover
{
  transition:opacity .5s;
  opacity:0.5;
}

/*  Swiper 슬라이드 네이비게이션, 페이징 버튼  */
.swiper_PF1_wrap .swiper-button-next, 
.swiper_PF1_wrap .swiper-button-prev
{
  display: block;
  z-index: 15;
  top:-50vh;
  width: 3rem;
  height: 3rem;
  padding:0.5rem;
  border-radius: 2.5rem;
  color: gray;
  background-color: none;
  opacity: 0.4;
}

.swiper_PF1_wrap .swiper-button-prev,
.swiper_PF1_wrap .swiper-rtl .swiper-button-next {
    /* prev 화살표 위치를 조정합니다. */
    left: 10%;
    right: auto;
}

.swiper_PF1_wrap .swiper-button-next,
.swiper_PF1_wrap .swiper-rtl .swiper-button-prev {
    /* next 화살표 위치를 조정합니다. */
    left: auto;
    right: 10%;
}

.swiper_PF1_wrap .swiper-pagination
{
  top: -10vh;
  bottom:auto;
}

.swiper_PF1_wrap .swiper-pagination-bullet
{
  width:1rem;
  height:1rem;
}

.swiper_PF1_wrap .swiper-pagination-bullet {
  width: 1rem; height: 1rem; background: transparent; border: 3px solid #2a5687; opacity: 0.4;
}
.swiper_PF1_wrap .swiper-pagination-bullet-active { 
  width: 4rem; transition: width .3s; border-radius: 2rem; background: #2a5687; border: 3px solid transparent;
}
.swiper-autoheight, .swiper-autoheight .swiper-slide{height: inherit;}

/* ------------------------   ■ con1 슬라이드 베너    -----------------------*/

.mmm_contents_main_wrap_1{    width: 100%;
  height: 100%;
  margin: 0;
  padding-top: 0;}

.mmm_contents_main_wrap_1 img{opacity: 1 !important;}
.sspi_p5_c2_iwrap{width:100%; height:50vh;}

/* ------------------------   ■ con1 슬라이드 베너    -----------------------*/



.mmm_contents_main_wrap_1 img{opacity: 1 !important;}
.sspi_p5_c2_iwrap{width:100%; height:50vh;}

.spw_rel_wrap_1{position: relative;}
.spw_rel_wrap_2{position: relative;}
.spw_rel_wrap_3{position: relative;}


/* ----------- PF1 베너1 ----------- */

.pf1_slide_wrap{}
.pf1_con1_1{height:1rem;}
.pf1_con2{width:100%; height:100%; justify-content:space-between; align-items: center;}
.pf1_con2_1{width: 100%;
  height: 100%;}
.pf1_con2_3{padding:1rem; margin:1rem;}
.pf1_imgWrap_contain{width:100%; height:100%;}
.pf1_imgWrap_1{width:3rem; height:100%;}
.pf1_imgWrap_2{width:5rem; height:100%;}
.pf1_imgWrap_3{width:3rem; height:100%;}

/* @@ 모바일 @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@  */

/* 원래 미디어 맥스 크기 === @media screen and (max-width: 768px) */

@media screen and (max-width: 1000px)
{
  
/* ------------------------ 공통 Common ------------------*/
div{word-break:keep-all;  /* 한글 단어별로 끊기(줄바꿈) 영역, 글자 */}




/* ----------- PF Common 베너 공통 ----------- */
.pf_wraper_main{height:100%;}
.pf_comm_txt_title {font-size:1.2rem;}
.pf_comm_txt_cont {font-size:0.9rem;}
.pf_comm_txt_style1 {}

.sb_Btn /*  슬라이드 베너 더보기 버튼  */
{
    width:15vh;
    height: 2rem;
}

.sb_Btn:hover
{
  transition:none;
  opacity:1;
}

 /*  Swiper 슬라이드 네이비게이션, 페이징 버튼  */
.swiper_PF1_wrap .swiper-button-next, 
.swiper_PF1_wrap .swiper-button-prev
{
  display: none;
}

.swiper_PF1_wrap .swiper-pagination
{
  top: 70vh;
  bottom:auto;
}

/* ------------------------ 슬라이드 베너 페이지 ------------------*/
.mmm_contents_main_wrap_1
{
padding-top:20%;
}

/* ----------- PF1 베너1 ----------- */

.pf1_con1_1{height:1rem;}
.pf1_con2{width:100%; height:initial; justify-content:space-between; align-items: center;}
.pf1_con2_1{width: 100%;
  height: 100%;}
.pf1_con2_3{padding:1rem; margin:0.5rem; height:10vh;}
.pf1_imgWrap_contain{width:100%; height:100%;}
.pf1_imgWrap_1{width:3rem; height:100%;}
.pf1_imgWrap_2{width:5rem; height:100%;}
.pf1_imgWrap_3{width:3rem; height:100%;}

}




/* ■■■■■■■■■■■■■■   mmm_con_2.php 스타일   ■■■■■■■■■■■■■■ */