/* °øÅë */
div {
    display: block;
}

/* °³º° */
#nWrap {
    width: 100%;
    padding: 0 auto;
    margin: 0 auto;
}

.page-main-landing {
  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; */
	background: #000 no-repeat center top;
}
.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; */
	background: #3E454C no-repeat center top;
}
.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;
}


.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: #F4F7ED 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: #F4F8F9 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: #F6F6F6 no-repeat center top;
}
.bgCon4 > .widthAuto {
    width: 100%;
    max-width: 1120px;
    position: relative;
    margin: 0px auto;
}

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

.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%);
  }


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

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

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



.bgCon12 {
    background: #333333 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('./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('./KakaoTalk_Photo_2024-01-16-14-40-35\ 002.png') */
    /* no-repeat center bottom; */
    width: 100%;
}
.swiper .no03 {
    /* background: url('./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%;
	}


/*
.bgCon1 > .widthAuto > img,
.bgCon2 > .widthAuto > img,
.bgCon3 > .widthAuto > img,
.bgCon4 > .widthAuto > img,
.bgCon5 > .widthAuto > img,
.bgCon6 > .widthAuto > img,
.bgCon7 > .widthAuto > img,
.bgCon8 > .widthAuto > img {
	display: block;	    		    
	width: calc(100% - 40px);	
	margin: 0 auto; 		  
}
*/


/* ¸ð¹ÙÀÏ ´ëÀÀ */
@media (max-width: 1100px) {
  .button-top {
    top: 290px;
    right: 5px;
    width: 140px;
  }

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

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

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

	/*
	.visual > .widthAuto > img,
	.xxvisual_sub > .widthAuto > img,
	.bgCon1 > .widthAuto > img,
	.bgCon2 > .widthAuto > img,
	.bgCon3 > .widthAuto > img,
	.bgCon4 > .widthAuto > img,
	.bgCon5 > .widthAuto > img,
	.bgCon6 > .widthAuto > img,
	.bgCon7 > .widthAuto > img {
		display: block;
		width: calc(100% - 40px);
		margin: 0 auto; 		  
	}
	*/

}

@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;
  }

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

	/*
	.visual > .widthAuto > img,
	.xxvisual_sub > .widthAuto > img,
	.bgCon1 > .widthAuto > img,
	.bgCon2 > .widthAuto > img,
	.bgCon3 > .widthAuto > img,
	.bgCon4 > .widthAuto > img,
	.bgCon5 > .widthAuto > img,
	.bgCon6 > .widthAuto > img,
	.bgCon7 > .widthAuto > img {
		display: block;
		width: calc(100% - 40px);
		margin: 0 auto; 		  
	}
	*/

}