@charset "UTF-8";


/* 메인비주얼 */
.sec-main-visual { position:relative; height: 1000px; margin-bottom:50px; }

#main-slide,
#main-slide .swiper-container { overflow:hidden; height:100%; background:#333; }
#main-slide .swiper-slide { overflow:hidden; }
#main-slide .swiper-slide .image { position:absolute; left:0; top:0; right:0; bottom:0; }
#main-slide .swiper-slide .img { position:absolute; left:0; top:0; width:100%; height:100%; background: none center/cover no-repeat; transform:translate3d(0, 0, 0) scale(1.0); }
#main-slide .swiper-slide .img:after { content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,.1); }

#main-slide .swiper-slide .c { position:relative; left:0; top:85%; right:0; z-index:2; text-align:center; color:#fff; }

#main-slide .content .head { font-size:3.125rem; font-weight:600; margin-bottom:10px; }
#main-slide .content .desc { font-size:1.5rem; opacity:.7; font-weight:400; }


#main-slide .pg { position:absolute; left:50%; transform:translateX(-50%); bottom: 15px; z-index:2; text-align:center; font-size:.75rem; font-weight:600; margin:0 10px; display:none; }
#main-slide .pg > span { margin:0 10px; display:inline-block; width:10px; height:10px; background:none; border:2px solid #fff; }
#main-slide .pg > span.swiper-pagination-bullet-active { background:#fff; }

#main-slide .nav { position:absolute; top:50%; transform:translateY(-50%); height:40px; width:40px; z-index:2; cursor:pointer; transition-duration: 300ms; }
#main-slide .nav:before { content:""; position:absolute; width:30px; height:30px; top:calc(50% - 15px); left:calc(50% - 15px); border-top:3px solid rgba(255,255,255,.6); border-radius:3px; }

#main-slide .prev { left:20px; }
#main-slide .prev:before { border-left:3px solid rgba(255,255,255,.6); transform:rotate(-45deg); }
#main-slide .prev:hover { margin-left:-5px; }

#main-slide .next { right:20px; }
#main-slide .next:before { border-right:3px solid rgba(255,255,255,.6); transform:rotate(45deg);}
#main-slide .next:hover { margin-right:-5px; }


@media (max-width: 1024px) {
	.sec-main-visual { height: 350px; margin-bottom:25px; }

}
@media (max-width: 767px) {

.sec-main-visual { height: 280px; margin-bottom:25px; }

     #main-slide .swiper-slide .c { position:relative; left:0; top:83%; right:0; z-index:2; text-align:center; color:#fff; }
	#main-slide .content .head { margin-bottom:5px; font-size:2em; }
	#main-slide .content .desc { font-size:1.125rem; }


	#main-slide .nav { width:30px; height:30px; }
    #main-slide .nav:before { width:20px; height:20px; top:calc(50% - 10px); left:calc(50% - 10px); }
    #main-slide .prev { left:10px; }
    #main-slide .next { right:10px; }


}




/* 레터 리스트 */
.letter-list { padding:30px 0 60px; }
.letter-list .tiles .content { margin-bottom:30px; }
.letter-list .tiles .image::after { top:auto; height:3px; background:var(--main-color1); width:0; transition-duration:600ms; }
.letter-list .tiles .a:hover .image::after { width:100%; }
.letter-list .tile .head { font-size:1.5rem; font-weight:600; padding:20px 0; border-top:1px solid #ddd; margin-bottom:-30px; margin-top:15px; }
.letter-list .tile .desc { height:40px; }


@media (max-width: 767px) {
    .letter-list .tiles .content { margin-bottom:5px; }
    .letter-list .tile .head { font-size:1.08rem; padding:10px 0; margin-bottom:5px; }
}