@charset "utf-8";

#inc01{padding-bottom:85px;background:url(/sh_img/include/inc01/img/bg.jpg) no-repeat top;background-size:cover;font-family:var(--k-font)}

/* 타이틀 */
#inc01 .tit_area{position:relative;max-width:1200px;margin:0 auto;padding:60px 0 40px;text-align:center;color:#fff}
#inc01 .tit_area h2{font-size:35px;font-weight:700;font-family:var(--e-font)}
#inc01 .tit_area p{font-family:14px;opacity:0.6}

/* 페이저 */
#inc01 .tit_area .pager{display:flex;align-items:center;justify-content:space-between;position:absolute;top:50%;width:100%}
#inc01 .tit_area .pager .next{right:0}
#inc01 .tit_area .pager .prev{left:0}
#inc01 .tit_area .pager span{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:100%;border:1px solid rgba(255, 255, 255, 0.4);background:transparent;cursor:pointer;transition:0.2s}
#inc01 .tit_area .pager span i{font-size:20px;color:rgba(255, 255, 255, 0.4)}
#inc01 .tit_area .pager span:hover{background:#fff}
#inc01 .tit_area .pager span:hover i{color:var(--primary)}

/* 슬라이드 */
#inc01 .r_slide li{overflow:hidden;position:relative;width:280px;height:280px;margin:0 20px;border-radius:20px;border:1px solid #e1e1e1;transition:0.2s}
#inc01 .r_slide li a{display:block;width:100%;height:100%}
#inc01 .r_slide li a img{width:100%;height:100%}
#inc01 .r_slide li a .overlay{display:flex;align-items:flex-end;justify-content:space-between;position:absolute;top:0;left:0;width:100%;height:100%;padding:40px;background:rgba(0, 0, 0, 0.5);opacity:0;transition:0.2s}
#inc01 .r_slide li a .overlay .info{color:#fff}
#inc01 .r_slide li a .overlay .info span{font-size:14px;color:rgba(255, 255, 255, 0.7)}
#inc01 .r_slide li a .overlay .info p{padding:3px 0 15px;font-size:18px;font-weight:700}
#inc01 .r_slide li a .overlay .info b{font-size:20px;font-weight:700}
#inc01 .r_slide li a .overlay .more{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:100%;background:var(--primary);font-size:14px;color:#fff;transition:0.2s}
#inc01 .r_slide li a .overlay .more:hover{background:#fff;color:var(--primary)}
#inc01 .r_slide li:hover{border:transparent}
#inc01 .r_slide li:hover .overlay{opacity:1}
.swiper-wrapper.no_slide{justify-content:center}