/* 공통 */
div {
    display: block;
}

/* 개별 */
#nWrap {
    width: 100%;
    padding: 0 auto;
    margin: 0 auto;
}

.evtWrap {
    width: 100%;
}

.visual {
    /* position: relative; */
    /* background: url("./image/image01_bg_full_noB.png") no-repeat center; */
}
.visual > .widthAuto {
    width: 100%;
    max-width: 2000px;
    margin: 0 auto;
    position: relative;
    
}
.visual > .widthAuto > img {
	display:block;	
    max-width: 2000px;
    width: 100%;
}


.visual_sub {
    /* position: relative; */
    /* background: url("./image/image01_bg_full_noB.png") no-repeat center; */
}
.visual_sub > .widthAuto {
    width: 100%;
    max-width: 2000px;
    margin: 0 auto;
    position: relative;
    
}
.visual_sub > .widthAuto > img {
	display:block;	
    max-width: 2000px;
    width: 100%;
}

.button-top {
  /*position: absolute;
  top: 80px;
  right: 50px;
  width: 156px;
  height: auto;
  z-index:999;*/
  position: fixed;
  top: 340px;
  right: 50px;
  transform: translateY(0px);
  width: 156px;
  height: auto;
  z-index: 9999;
}

.button-top img {
  width: 100%;
  height: auto;
  display: block;
}

.button-top2 {
  position: fixed;
  top: 450px;
  right: 50px;
  transform: translateY(0px);
  width: 156px;
  height: auto;
  z-index: 9999;
}

.button-top2 img {
  width: 100%;
  height: auto;
  display: block;  
}

.button-top3 {
  position: fixed;
  top: 560px;
  right: 50px;
  transform: translateY(0px);
  width: 156px;
  height: auto;
  z-index: 9999;
}

.button-top3 img {
  width: 100%;
  height: auto;
  display: block;
}

/* 모바일 대응 */
@media (max-width: 780px) {
  .button-top {
    top: 290px;
    right: 5px;
    width: 140px;
  }

  .button-top2 {
    top: 390px;
    right: 5px;
    width: 140px;
  }

  .button-top3 {
    top: 490px;
    right: 5px;
    width: 140px;
  }
}

@media (max-width: 420px) {
  .button-top {
    top: 200px;
    right: 5px;
    width: 100px;
  }

  .button-top2 {
    top: 270px;
    right: 5px;
    width: 100px;
  }

  .button-top3 {
    top: 340px;
    right: 5px;
    width: 100px;
  }
}

.bgCon1 {
    width: 100%;
    background: #ffffff no-repeat center top;
}
.bgCon1 > .widthAuto {
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
}
.bgCon1 > .widthAuto > img {
	display:block;	
    width: 100%;
}


.bgCon1_1 {
    width: 100%;	
    background: #ffffff no-repeat center top;
}
.bgCon1_1 > .widthAuto {
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
}
.bgCon1_1 > .widthAuto > img {
	display:block;	
    width: 100%;
	max-width: 2000px;
}


.bgCon2 {
    background: #ffffff no-repeat center top;
}
.bgCon2 > .widthAuto {
    width: 100%;
    max-width: 1120px;
    position: relative;
    margin: 0px auto;
}

.bgCon2 > .widthAuto > img {
	display:block;	
    width: 100%;
}

.bgCon3 {
    background: #087E98 no-repeat center top;
}
.bgCon3 > .widthAuto {
    width: 100%;
    max-width: 1120px;
    position: relative;
    padding-bottom: 20px;
    margin: 0px auto;

}
.bgCon3 > .widthAuto > img {
	display:block;	
    width: 100%;
}


.bgCon4 {
    background: #f4f4f4 no-repeat center top;
}
.bgCon4 > .widthAuto {
    width: 100%;
    max-width: 1120px;
    position: relative;
    padding-bottom: 100px;
    margin: 0px auto;
}

.banner{
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 1120px;
    background-size: cover;
    background-position: center;
    margin-bottom: 20px;
  }

  .banner img{
    width: 100%;
  }

  .button-container {
    position: absolute;
    margin: 0 auto;
    bottom: 7.5%;
    display: flex;
    left: 50%;
    transform: translateX(-48.5%);
  }


 
  @media (max-width: 780px) {
    .button-container {
      width: 40%;
      position: absolute;
      margin: 0 auto;
      bottom: 7%;
      display: flex;
      left: 50%;
      transform: translateX(-48.5%);
    }

  }

  @media (max-width: 420px) {
    .button-container {
      width: 40%;
      position: absolute;
      margin: 0 auto;
      bottom: 7%;
      display: flex;
      left: 50%;
      transform: translateX(-48.5%);
    }


  }
  
.bgCon5 {
    background: #504F4F no-repeat center top;
}

.bgCon5 > .widthAuto {
    width: 100%;
    max-width: 800px;
    position: relative;
    margin: 0px auto;
}

.bgCon5 > .widthAuto > img {
	display:block;	
    width: 100%;
}



.bgCon12 {
    background: #E6E6E6 no-repeat center top;
}
.bgCon12 > .widthAuto {
    width: 100%;
    max-width: 1120px;
    position: relative;
    padding-bottom: 20px;
    margin: 0px auto;

}
.bgCon12 > .widthAuto > img {
	display:block;	
    width: 100%;
}


/* swiper */
.swiper > ul {
    width: 100%;
}

.swiper > ul > li {
    /* height: 500px; */
}

.swiper .no01 {
    /* background: url('./하우패스_경찰/10번배너영역/KakaoTalk_Photo_2024-01-16-14-40-35\ 001.png') */
    /* no-repeat center bottom; */
    width: 100%;
}

.swiper-slide > img {
    width: 100%;
}
.swiper .no02 {
    /* background: url('./하우패스_경찰/10번배너영역/KakaoTalk_Photo_2024-01-16-14-40-35\ 002.png') */
    /* no-repeat center bottom; */
    width: 100%;
}
.swiper .no03 {
    /* background: url('./하우패스_경찰/10번배너영역/KakaoTalk_Photo_2024-01-16-14-40-35\ 003.png') */
    /* no-repeat center bottom; */
    width: 100%;
}

/* swipe button prev */
.swiper > .swiper-button-prev {
    color: black;
    position: absolute;
    top: 50%;
    left: 50px;
}
/* swipe button next */
.swiper > .swiper-button-next {
    color: black;
    position: absolute;
    top: 50%;
    right: 50px;
}


.btnStyleNormal {
	display: block; width: 100%; height: 100%;
	}