@charset "utf-8";

/* **************************************** *
 * 공통 슬라이드
 *********************************************/
.swiper-container{overflow:visible;}
.swiper-slide img{width:100%; max-height: 100%; object-fit: cover;}

/* 슬라이드 페이지네이션 */
.swiper-controls{position: absolute; right: 20rem; bottom: 20rem;}
.swiper-pagination{position: relative; bottom: auto; display:inline-flex; justify-content:center; align-items:center; position:relative; gap:5rem; padding: 3rem 10rem 2rem; font-size: 12rem; font-weight: 500; color: rgba(255, 255, 255, .3); border-radius: 20rem; background:rgba(0, 0, 0, .7);}
.swiper-pagination-current {color: var(--f);}

/* **************************************** *
 * 메인
 *********************************************/
#content.main{padding-top:20rem;}
section[class^="main-"] {padding-top: 40rem;}
section[class^="main-"] .sec-line {margin-top: 50rem;}

.main-header, .main-visual, .main-event {padding-top: 0 !important;}
.main-header .sec-line, .main-event .sec-line {margin-top: 0 !important;}

/* header */
.main-header__inr {padding-bottom: 20rem;}
.main-header img {height: 25rem; margin: 0 auto;}

/* 견적요청 */
.main-estimate .content-tab {margin-bottom: 15rem;}
.tab__item img {width: 100%; border-radius: 7rem;}
.tab__item .btn-basic {margin-top: 7rem;}

/* 반려동물종합케어현황 */
.animal-content {padding: 20rem; border: 1px solid #ddd; border-radius: 12rem;}
.animal-content > strong {font-size: 16rem;}
.animal-content > ul {margin-top: 12rem;}
.animal-content > ul > li {margin-bottom: 4rem;}
.animal-content > ul > li:last-child {margin-bottom: 0;}
.animal-content > ul > li > div {display: flex; justify-content: space-between;}
.animal-content > ul > li > div > p {color: var(--g-02);}

/* 시공사례 */
.main-case .swiper-slide {flex-wrap: wrap;}
.case-list__img {position: relative; width: 100%; height: 220rem; border-radius: 7rem; background-repeat: no-repeat; background-position: center; background-size: cover;}
.case-list__cate {z-index: 51; position: absolute; left: 10rem; top: 10rem; display: inline-block; padding: 3rem 10rem; color: var(--f); font-size: 13rem; font-weight: 700; text-align: center; border-radius: 3rem; box-shadow: 2rem 2rem 5rem rgba(0, 0, 0, .2);}
.case-list__cont strong {display: block; min-height: 53rem; margin-top: 15rem; font-size: 16rem; font-weight: 700; color: var(--b-02);}
.case-list__price {display: inline-flex; align-items: center; margin-top: 20rem; font-size: 18rem; font-weight: 700; color: var(--c-01);}
.case-list__price span {margin-right: 5rem; font-size: 12rem; color: var(--g-02);}
.case-list__tag {display: flex; flex-wrap: wrap; margin-top: 12rem;}
.case-list__tag li {margin-right: 3rem; margin-bottom: 3rem; padding: 3rem 7rem 2rem; font-weight: 400; font-size: 12rem; color: var(--g-02); border-radius: 3rem; background: #f0f0f0;}

[data-category="cate1"] {background-color: var(--c-01);}
[data-category="cate2"] {background-color: var(--c-02);}
[data-category="cate3"] {background-color: #FF7A00;}


/* 베스트 */
.main-tip__inr {overflow: hidden; position: relative; width: 100%; color: var(--f); text-align: center; border-radius: 7rem;}
.main-tip__inr > *:not(img) {position: relative;}

.main .shop-main-list__txt > i {display: flex; align-items: center;}
.main .star {display: inline-block; width: 14rem; height: 14rem; background-image:url(../img/ic-star.svg); background-repeat: no-repeat; background-position: center; background-size: cover;}