@keyframes insert {
	0%{ transform: translateY( -50px ); opacity: 0 }
	100%{ transform: translateY( 0 ); opacity: 1 }
}

*{letter-spacing: -0.035em }
.nanum{ font-family: NanumSquareRound }
#header{ transform: translateY( -50px ); opacity: 0; animation: insert .4s both .4s }

/* visual */
.swiper-container { width: 100%; height: 100vh }
.swiper-container .inr{ margin: 60px auto 0 }
.swiper-slide { text-align: center; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background: center / cover }
.swiper-slide:before{ content: ''; position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.32) center / cover }
.swiper-slide.no_cover:before{display: none }
.main_visual01{ background-image: url(../images/main/main_visual01.jpg) }
.main_visual02{ background-image: url(../images/main/main_visual02.jpg); background-position: center right 14% }
.main_visual03{ background-image: url(../images/main/main_visual03.jpg) }
.visual_text{ text-align: left; color: #fff; }
.visual_text p{font-size: 70px; font-weight: bold; line-height: 0.17; }
.visual_text h2{ max-width: 85%; font-size: 40px; font-weight: 500; line-height: 1.375; word-break: keep-all }
.visual_text h2 b{ font-weight: 900 }
.visual_text span{ display: block; font-size: 21px; font-weight: 300; margin-top: 29px; text-transform: uppercase; }
.swiper-pagination{ position: relative; text-align: left; margin-top: 36px }
.swiper-container > .swiper-pagination{ margin-top: 53px; text-align: left }
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:first-child{ margin-left: 0 }
.swiper-pagination-bullet{ position: relative; left: 0; width: 46px; height: 23px; background: transparent; opacity: 1; border-radius: 0; margin-right: 12px }
.swiper-pagination-bullet:before{ content: ''; position: absolute; left: 0; top: 10px; width: 100%; height: 3px; background: #fff }
.swiper-pagination-bullet-active{ background: transparent }
.swiper-pagination-bullet-active:before{ content: ''; position: absolute; top: 10px; width: 100%; height: 3px; background: #f0d51b }
@media(max-width:1660px){
	.inr{width:96%; margin:0 auto }
	.swiper-container > .swiper-pagination{ width: 100%; left: 2% }
}
@media(max-width: 900px){
	.visual_text h2{ font-size: 32px }
}
@media(max-width:767px){
	.swiper-container{ height: calc(100vh - 55px) }
	.visual_text p{font-size: 50px }
	.visual_text h2{font-size: 32px }
}
@media(max-width:500px){
	.visual_text p{font-size: 30px }
	.visual_text h2{font-size: 24px }
	.visual_text span{ font-size: 18px }
}