swiper 저만 가로이미지 오류나나요? 채택완료

</strong></p>

<p>.visual {</p>

<p>position: relative;</p>

<p>height: 100%;</p>

<p>}</p>

<p>.swiper-slide {</p>

<p>text-align: center;</p>

<p>font-size: 18px;</p>

<p>background: #fff;</p>

<p>

 </p>

<p>/* Center slide text vertically */</p>

<p>display: -webkit-box;</p>

<p>display: -ms-flexbox;</p>

<p>display: -webkit-flex;</p>

<p>display: flex;</p>

<p>-webkit-box-pack: center;</p>

<p>-ms-flex-pack: center;</p>

<p>-webkit-justify-content: center;</p>

<p>justify-content: center;</p>

<p>-webkit-box-align: center;</p>

<p>-ms-flex-align: center;</p>

<p>-webkit-align-items: center;</p>

<p>align-items: center;</p>

<p>}</p>

<p> </p>

<p><div class="visual"></p>

<p><div class="swiper-container"></p>

<p><!-- Additional required wrapper --></p>

<p><div class="swiper-wrapper"></p>

<p><!-- Slides --></p>

<p><div class="swiper-slide"><img src="img/visual1.jpg"></div></p>

<p><div class="swiper-slide"><img src="img/visual2.jpg"></div></p>

<p><div class="swiper-slide"><img src="img/visual3.jpg"></div></p>

<p></div></p>

<p> </p>

<p><!-- Add Arrows --></p>

<p><div class="swiper-button-next"></div></p>

<p><div class="swiper-button-prev"></div></p>

<p><!-- Add Pagination --></p>

<p><div class="swiper-pagination"></div></p>

<p></div></p>

<p></div></p>

<p><!-- Initialize Swiper --></p>

<p><script></p>

<p>var swiper = new Swiper('.swiper-container', {</p>

<p>cssMode: true,</p>

<p>navigation: {</p>

<p>nextEl: '.swiper-button-next',</p>

<p>prevEl: '.swiper-button-prev',</p>

<p>},</p>

<p>pagination: {</p>

<p>el: '.swiper-pagination'</p>

<p>},</p>

<p>loop: true,</p>

<p>centereaSlides: false,</p>

<p>mousewheel: true,</p>

<p>keyboard: true,</p>

<p>});</p>

<p></script></p>

<p><strong>