@charset "utf-8";

@import url("/resource/content/common/css/reset.css"); /* reset */

/* Top 버튼 */
.common-btn-top {
	left: 95%;
}

/* Hero Banner Section */
.section-hero {
    position: relative;
    overflow: hidden;
    height: 100vh;
}
.section-hero-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.section-hero-content {
	position: absolute;
	left: 50%;
	bottom: 7.2917vw;
	transform: translateX(-50%);
    text-align: center;
}

.hero-title {
	font-family: 'NewBedford';
	font-size: 3.75vw;
	line-height: 1;
	color: #fff;
	font-weight: 800;
}

.hero-sub-text {
    display: block;
	margin-bottom: 1.0417vw;
    font-family: 'NovaR';
	font-size: 1.6667vw;
	color: #fff;
	line-height: 1;
}
.prod-list-wrap {
    display: flex;
    flex-wrap: wrap;
    margin-top: 7.2917vw;
}
.prod-item {
    flex-basis: 25%;
}

.btn-wrap {
	display: flex;
	justify-content: center;
	gap: 0.625vw;
	margin-top: 4.167vw;
}
.btn-wrap .btn {
	width: 9.271vw;
	height: 3.125vw;
	font-family: 'Pretendard';
	font-size: 0.833vw;
	font-weight: 700;
	line-height: 3.125vw;
	text-align: center;
	color: #000;
	border: 1px solid #000
}
.btn-wrap .btn.btn-primary {
	color: #fff;
	background: #E31837;
	border:none;
}



/* 사진 보기 레이어 팝업 */
.layer-photo-view .layer-popup {
    overflow: hidden;
    width: calc(50vw + (2.6042vw * 2));
    max-width: 56vw;
    max-height: 70vh;
    aspect-ratio: 960 / 638;
    padding: 0 2.6042vw;
    border-radius: 0;
    background-color: transparent;
}

.layer-photo-view .layer-content {
    position: relative;
    padding: 0;
}

.layer-photo-view .layer-popup .layer-inner, .layer-photo-view .layer-popup .layer-body, .layer-photo-view .layer-popup .layer-content {
    height: 100%;
}

.layer-photo-view .layer-content .swiper {
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.layer-photo-view .layer-content .swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.layer-photo-view .layer-content .swiper-button-prev {
    width: 0.9375vw;
    height: 1.875vw;
    left: -2.0833vw;
    background-image: none;
    mask: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E") no-repeat;
    background-color: #fff;
}

.layer-photo-view .layer-content .swiper-button-next {
    width: 0.9375vw;
    height: 1.875vw;
    right: -2.0833vw;
    background-image: none;
    mask: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E") no-repeat;
    background-color: #fff;
}

.layer-photo-view .layer-content .swiper-pagination {
    bottom: 0.2083vw;
    left: 50%;
    transform: translateX(-50%);
}

.layer-photo-view .layer-content .swiper-pagination-bullet {
    margin: 0 0.2083vw
}

.layer-photo-view .layer-content .swiper-pagination-bullet-active {
    background-color: #E31837;
}

.layer-photo-view .layer-popup .layer-inner .btn-layer-close {
    top: -0.5208vw;
    right: -3.125vw;
    width: 2.3438vw;
    height: 2.3438vw;
    z-index: 1;
    background: url('/assets/front/images/common/ico-close-white.svg') no-repeat 50% 50% / cover;
}