@charset "utf-8";

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

/* 슬라이드 페이지네이션 */
.swiper-controls{margin-top:10rem}
.swiper-pagination{display:flex; justify-content:center; align-items:center; position:relative; gap:5rem;}
.swiper-pagination-bullet{opacity:1; width:13rem; height:4rem; background:#D9D9D9; border-radius:30rem;}
.swiper-pagination-bullet-active{background:var(--c-02);}

/* **************************************** *
 * 메인
 *********************************************/
#content.main{padding-top:20rem; background:#Fff;}

.main-header{height: 50rem; display: flex; align-items: center;}
h1.logo{font-weight: 800; color: var(--c-01); font-size: 18rem;}


.main-visual figure img{width: 100%; border-radius: 10rem;}
/* 슬라이드 페이지네이션 */
.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);}

.main-link{padding: 30rem 0 40rem;}
.main-link ul{gap: 56rem;}
.main-link ul p{margin-top: 13rem; text-align: center; font-weight: 500; font-family: 'Outfit','Pretendard'; color: var(--b-01);}
.main-link ul a{position: relative;}
.main-link ul a::before{content: ""; display: block; width: 68rem; height: 68rem; background-repeat: no-repeat; background-size: 100%;}
.main-link .main-link__01 a::before{background-image: url(../img/main-link01.png);}
.main-link .main-link__02 a::before{background-image: url(../img/main-link02.png);}
.main-link .main-link__03 a::before{background-image: url(../img/main-link03.png);}