@charset "utf-8";


/* **************************************** *
 * 메인
 *********************************************/
#content.main{padding-top:15rem;}
#content.main h2 {margin-bottom: 15rem; font-size: var(--font-20); font-weight: 700; color: var(--b-01);}
#content.main h2 strong {color: var(--c-01);}

.main-header {position: relative; padding-bottom: 20rem;}
.main-header .btn-cart {position: absolute; right: 8rem; top:9rem; transform: none;}

/* visual */
.main-visual {overflow: hidden;}
.main-visual .swiper-slide {border-radius: var(--br-12);}
.main-visual .swiper-slide a {display: block; width: 100%;}
.main-visual .swiper-slide a img {width: 100%;}

.main-banner {overflow: hidden; width: 100%; height: 100rem; border-radius: var(--br-12); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;}
.main-banner a {display: block; width: 100%; height: 100%;}
.main-banner.mb01 {margin-top: 10rem; background-image: url(../img/main-banner01.jpg);}
.main-banner.mb02 {background-image: url(../img/main-banner02.jpg);}

.main-sec {margin: 40rem 0;}