.mainWrap{
	position:relative;
	width:100%;
	margin:0;
}

/*-----------------------------------------
# 메인 비주얼
-------------------------------------------*/
.mainVbox {
    position: relative;
    width: 100%;
    height: 100vh;
}

.mainv_ContentBox{
	/* display:none; */
	position:absolute;
	width:100%;
	height:100%;
	z-index:5;
	left:0;
	top:0;
}
.mainv_SideBox {
	z-index:5;
    display: flex;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
    max-width: 164rem;
    padding: 0 2rem;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
}
.mti_seaBox {
	top: 20%;
    display: flex;
    width: 100%;
    position: Relative;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
	gap:4rem;
}
.mti_title h1{
	color: #FFF;
	text-align: center;
	font-family: "Ubuntu", sans-serif;
	font-size: 7.4rem;
	font-style: normal;
	font-weight: 700;
	line-height: 9rem;
	text-transform: uppercase;
}
.mti_title h1 span{
	color: #75AD42;
}
.mti_title h2{
	margin:2rem 0 0 0;
	color: #FFF;
	text-align: center;
    font-family: pretendard-600;
	font-size: 2.8rem;
	font-style: normal;
	font-weight: 600;
	line-height: 4.6rem;
}

.mtsea {
    display: flex;
    max-width: 66rem;
    align-items: center;
    justify-content: center;
}
.mtsea input{
	height:7rem;
	width:61rem;
}
.mtsea input {
	position:Relative;
    z-index: 1;
	border-radius: 9.9rem;
	border: 2px solid #FFF;
	background: #FFF;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
	box-sizing: border-box;
	margin: 0;
	width: 60.1rem;
	position: relative;
	height: 7rem;
	background: #fff;
	padding: 0rem 4rem 0rem 4rem;
	color: #000;
	font-family: pretendard-600;
	font-weight: 600;
	font-size: 1.8rem;
	font-style: normal;
	line-height: 2.6rem;
}
.mtsea input:-webkit-autofill,
.mtsea input:-webkit-autofill:hover,
.mtsea input:-webkit-autofill:focus,
.mtsea input:-webkit-autofill:active {transition: background-color 5000s;-webkit-text-fill-color: #263238 !important;}
.mtsea input:focus,
.mtsea input:active {background:#fff; border:2px solid #fff;}
.mtsea input:focus{outline: none;}
.mtsea input::placeholder {
	opacity: 0.5;
	color: #222;
	font-family: pretendard-400;
	font-weight: 400;
	font-size: 1.8rem;
	font-style: normal;
	line-height: 2.6rem;
}
.mtsea input:read-only {
	background:#fff;
}
.mtsea button {
	cursor:pointer;
	position:Relative;
    z-index: 2;
    margin: 0 0 0 -2rem;
    border-radius: 50%;
    width: 7rem;
    height: 7rem;
    background: #75AD42;
	
	background-image: url(/public/img/main/mtsea_icon.png);
    background-size: 2rem;
    background-repeat: no-repeat;
    background-position: center center;
}

.mtprBox{
	width:100%;
}
.mtprBox ul{
	gap:2rem;
	width:100%;
	display: flex;
    padding: 0;
    margin: 0rem;
    list-style-type: none;
    justify-content: flex-start;
}
.mtprBox li {
	width:33.33333333%;
    position: Relative;
    margin: 0rem;
    box-sizing: border-box;
}
.mtprBox li .mtprInner{
	width:100%;
	padding: 13.8rem 4rem 4rem 4rem;
	border-radius: 1rem 1rem 0 0;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.28) 0%, rgba(255, 255, 255, 0.07) 70%);
	backdrop-filter: blur(10px);
}
.mtprInner img {
    top: -4.6rem;
    transform: translateX(-50%);
    left: 50%;
    position: absolute;
    max-width: 28.1rem;
}
.mtprInner img.fir{
	top: -4rem;
}
.mtprInner img.last{
	top: -3rem;
}
.mtprtext {
    display: flex;
    text-align: left;
    color: #FFF;
    font-family: "Ubuntu", sans-serif;
    font-size: 2.7rem;
    font-style: normal;
    font-weight: 500;
    line-height: 3.4rem;
    justify-content: space-between;
    align-items: center;
}
.mtprtext span{
	display:inline-block;
	width:6.2rem;
	height:6.2rem;
	background-image: url(/public/img/main/mtp_arrow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.mtprBox li .mtprInner:hover .mtprtext span{
	background-image: url(/public/img/main/mtp_arrow_on.png);
}
.mtprtext b{display:none;}




.mainVsilInner{
	z-index:2;
	position:relative;
	width:100%;
	overflow: hidden;
	height:100%;
}
.mainVsilInner .swiper{
	position: relative;
    width: 100%;
    height: 100%;
}
.mainVsilInner .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}
.mainVbgbox{
	position:relative;
	width:100%;
	overflow: hidden;
	height:100%;
}

.bg{
	opacity:1;
	position:absolute;
	left:50%;top:50%;
	transform:translate(-50%,-50%);
	width:115%;height:115%;
	background:center no-repeat;
	background-size:cover;
	transition:all 1.6s cubic-bezier(0.165, 0.840, 0.440, 1)
}
.bg01{
	background-image: url(/public/img/main/mainv_bg_01.webp);
}
.bg02{
	background-image: url(/public/img/main/mainv_bg_02.webp);
}
.bg03{
	background-image: url(/public/img/main/mainv_bg_03.webp);
}

.mainVsil .swiper-slide.on .bg{width:100%;height:100%;opacity:1}

@media (max-width:1600px) {
	.mti_seaBox {
		top: 15%;
		gap: 3rem;
	}
	.mti_title h1 {
		font-size: 6.4rem;
		line-height: 8rem;
	}
	.mti_title h2 {
		margin: 2rem 0 0 0;
		font-size: 2.6rem;
		line-height: 4rem;
	}
	
	.mtprBox li .mtprInner {
		padding: 12.8rem 3rem 3rem 3rem;
		border-radius: 1rem 1rem 0 0;
	}
	.mtprtext {
		font-size: 2.5rem;
		line-height: 3rem;
	}
	.mtprtext span {
		width: 5rem;
		height: 5rem;
	}
	.mtprInner img {
		max-width: 24.1rem;
	}
}
@media (max-width:991px) {
	.mainv_SideBox {
		padding: 0;
	}
	.mti_title h1 {
		font-size: 5.4rem;
		line-height: 6.4rem;
	}
	.mti_title h2 {
		margin: 1.4rem 0 0 0;
		font-size: 2.2rem;
		line-height: 3rem;
	}
	
	.mtprBox ul {
		gap: 0rem;
	}
	.mtprBox {
		border-radius: 1.2rem 1.2rem 0 0;
		background: linear-gradient(180deg, rgba(255, 255, 255, 0.32) 0%, rgba(255, 255, 255, 0.08) 70%);
		backdrop-filter: blur(10px);
	}
	.mtprBox li .mtprInner {
		padding:8.8rem 2rem 3rem 2rem;
		border-radius: 1rem 1rem 0 0;
		background:inherit;
		backdrop-filter:inherit;
	}
	.mtprInner img {
		max-width: 20.1rem;
	}
	.mtprtext {
		text-align: center;
		display: flex;
		font-size: 2.2rem;
		line-height: 2.6rem;
		flex-direction: column;
		align-items: center;
		justify-content: flex-end;
	}
	.mtprtext span{display:none;}
	.mtprtext b {
		display: block;
		color: #75AD42;
		text-align: center;
		font-family: "Ubuntu", sans-serif;
		font-size: 1.8rem;
		font-style: normal;
		font-weight: 500;
		line-height: 3rem;
		text-decoration-line: underline;
		text-decoration-style: solid;
		text-decoration-skip-ink: none;
		text-decoration-thickness: auto;
		text-underline-offset: auto;
		text-underline-position: from-font;
	}
}
@media (max-width:767px) {
	.mainVbox {
		height: calc(100vh - 6rem);
		position: relative;
		width: 100%;
	}
	.mainv_SideBox {
		display: flex;
		padding: 0;
		justify-content: flex-end;
	}
	.mti_seaBox {
		transform: translateY(-50%);
		top: 50%;
		position: absolute;
		padding: 0 3rem;
		gap: 3rem;
	}
	.mti_title h1 {
		font-size: 3.4rem;
		line-height: 4rem;
	}
	.mti_title h2 {
		margin: 1rem 0 0 0;
		font-size: 1.8rem;
		line-height: 2.2rem;
	}
	
	form.seaform{
		position:Relative;
		width: 100%;
	}
	.mtsea {
		padding:0 4rem 0 0;
		width: 100%;
		max-width: 100%;
		position:Relative;
	}
	.mtsea input {
		box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
		width: 100%;
		height: 5.6rem;
		padding: 0rem 2.4rem 0rem 2.4rem;
		font-size: 1.5rem;
		line-height: 2.6rem;
	}
	.mtsea input::placeholder {
		font-size: 1.5rem;
		line-height: 2.6rem;
	}
	.mtsea button {
		top: 0;
		right:0;
		cursor: pointer;
		position: absolute;
		margin: 0;
		width: 5.6rem;
		height: 5.6rem;
		background-size: 2rem;
	}
	
	
	.mtprBox li .mtprInner {
		padding: 4.6rem 0rem 3rem 0rem;
		border-radius: 1rem 1rem 0 0;
	}
	.mtprtext {
		font-size: 1.4rem;
		line-height: 1.8rem;
	}
	.mtprtext b {
		margin: 0.4rem 0 0 0;
		font-size: 1.2rem;
		line-height: 1.4rem;
	}
	.mtprInner img {
		top: -2.6rem;
		max-width: 10.1rem;
	}
	.mtprInner img.fir {
		top: -2rem;
	}
	.mtprInner img.last {
		top: -1rem;
	}
	
	
	.bg01{
		background-image: url(/public/img/main/mainv_bg_01_mo.webp);
	}
	.bg02{
		background-image: url(/public/img/main/mainv_bg_02_mo.webp);
	}
	.bg03{
		background-image: url(/public/img/main/mainv_bg_03_mo.webp);
	}
}
/*-----------------------------------------
# 메인 Why Choose us
-------------------------------------------*/
.mawhyWrap{
	width:100%;
	position:Relative;
	padding:10rem 0 10vw 0;
	
	background-image: url(/public/img/main/mawhyWrap_bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
}
.mawhySideBox{
	max-width:156rem;
	margin:0 auto;
	padding:0 2rem;
	position:Relative;
}
.matitle{
	position:Relative;
}
h2.mah2{
	margin:0;
	text-align: left;
	color: #000;
	font-family: "Ubuntu", sans-serif;
	font-size: 5rem;
	font-style: normal;
	font-weight: 500;
	line-height: 7.4rem;
}

.whyBox{
	position:Relative;
	width:100%;
	display:flex;
	gap:4rem;
}
.whyLeft{
	position:Relative;
	width:40%;
}
.whyRight.mo{display:none;}
.whyRight{
	position:Relative;
    width: 60%;
}
.whyRight h3.fir{
	margin:0;
}
.whyRight h3{
	word-break: auto-phrase;
	margin: 2.4rem 0 0 0;
	text-align: left;
	color: #000;
	font-family: pretendard-400;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3.6rem;
}
sup.stp {
	line-height: 1;
	display:inline-block;
	margin:0;
    top: 0.3em;
    position: relative;
    font-size: 0.7em;
}
@media (max-width:1600px) {
	
}
@media (max-width:991px) {
	h2.mah2 {
		font-size: 4rem;
		line-height: 6rem;
	}
	
	.whyBox {
		gap: 3rem;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.whyLeft {
		position: Relative;
		width: 100%;
	}
	.whyRight {
		position: Relative;
		width: 100%;
	}
	
}
@media (max-width:767px) {
	.mawhyWrap {
		padding: 5rem 0 30vw 0;
		background-image: url(/public/img/main/mawhyWrap_bg_mo.webp);
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: bottom center;
	}
	
	h2.mah2 {
		font-size: 3rem;
		line-height: 4.2rem;
	}
	
	.whyRight.pc{display:none;}
	.whyRight.mo{display:block;}
	.whyRight h3 {
		margin: 1.8rem 0 0 0;
		font-size: 1.5rem;
		line-height: 2.5rem;
	}
}

/*-----------------------------------------
# 메인 Full-Line Inventory, Ready to Ship
-------------------------------------------*/
.mashipWrap{
	overflow:hidden;
	width:100%;
	position:Relative;
	padding:10rem 0 10rem 0;
}
.mashipSideBox{
	max-width:156rem;
	margin:0 auto;
	padding:0 2rem;
	position:Relative;
}

.detailSlide{
	margin:3rem 0 0 0;
	position:Relative;
	max-width:100rem;
	/* max-width:133rem; */
}
.detailSlide .swiper {
    overflow: unset;
}
.detimg {
    display: flex;
    flex-direction: column;
}
.detimgInner{
	display: flex;
	position:relative;
	border-radius: 1rem;
	overflow:hidden;
}



.deBtnGroupInner {
	margin:3rem 0 0 0;
    position: Relative;
    display: flex;
    width: 9.8rem;
    /* height: 1px; */
    justify-content: space-between;
    align-items: center;
	border-radius: 8px;
	overflow:hidden;
}
.deBtnGroupInner .swiper-button-prev {
	margin: 0!important;
    position: relative;
    right: inherit!important;
    top: 0!important;
    width: 4.8rem;
    height:4.8rem;
    left: 0rem!important;
	background: #F6F6F6;
}
.deBtnGroupInner .swiper-button-prev svg{display:none;}
.deBtnGroupInner .swiper-button-prev:after {
    height: 16px;
    width: 16px;
    content: '';
    background-image: url(/public/img/sub/mainslde_prev.webp);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
.deBtnGroupInner .swiper-button-prev:hover{
	background: #75AD42!important;
}
.deBtnGroupInner .swiper-button-prev:hover:after{
	background-image: url(/public/img/sub/mainsl_prev.webp);
}
.deBtnGroupInner .swiper-button-next {
    margin: 0!important;
    position: relative;
    width: 4.8rem;
    height: 4.8rem;
    right: 0rem;
    top: 0!important;
    left: inherit!important;
	background: #F6F6F6;
}
.deBtnGroupInner .swiper-button-next svg{display:none;}
.deBtnGroupInner .swiper-button-next:after {
	height: 16px;
    width: 16px;
    content: '';
    background-image: url(/public/img/sub/mainslde_next.webp);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
.deBtnGroupInner .swiper-button-next:hover{
	background: #75AD42!important;
}
.deBtnGroupInner .swiper-button-next:hover:after{
	background-image: url(/public/img/sub/mainsl_next.webp);
}

@media (max-width:1300px) {
	.detailSlide {
		margin: 3rem 0 0 0;
		position: Relative;
		max-width: 100%;
	}
}
@media (max-width:767px) {
	.mashipWrap {
		padding: 5rem 0 5rem 0;
	}
	.detimgInner {
		border-radius: 0.6rem;
	}
	.deBtnGroupInner {
		margin: 2.6rem 0 0 0;
		width: 9.8rem;
		border-radius: 8px;
	}
}

/*-----------------------------------------
# 메인 Products
-------------------------------------------*/
.maproduWrap{
	overflow:hidden;
	width:100%;
	background: #F8F8F8;
	position:Relative;
	padding:10rem 0 10rem 0;
}
.maproduSideBox{
	max-width:156rem;
	margin:0 auto;
	padding:0 2rem;
	position:Relative;
}

.maproduWrap .matitle {
    display: flex;
    align-items: center;
    justify-content: flex-start;
	gap:2rem;
}
a.maBtn{
	display: flex;
	padding: 1.4rem 1.9rem;
	justify-content: center;
	align-items: center;
	gap: 1rem;
	border-radius: 8px;
	border: 1px solid #000;
	color: #000;
	font-family: pretendard-600;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2rem;
}
a.maBtn span{
	display:inline-block;
	width:1.2rem;
	height:1.2rem;
	background-image: url(/public/img/common/puls_icon.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.maproduWrap .deBtnGroupInner {
    margin: 0;
    top: -10rem;
    position: absolute;
    right: 0px;
}
.maproduWrap .deBtnGroupInner .swiper-button-next{
	background:#fff;
}
.maproduWrap .deBtnGroupInner .swiper-button-prev{
	background:#fff;
}

.productSilde{
	margin:4rem 0 0 0;
	position:Relative;
}
.productSilde .swiper {
    overflow: unset;
}
.prodContInner{
	position:Relative;
}
.prodContInner:hover .prodCont{
	border: 1px solid #75AD42;
}
.prodContInner:hover .prodctext h3{
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: none;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
}
.prodCont{
	width:100%; 
	border-radius: 0.8rem;
	background: #FFF;
	/* padding:3.9rem 1.9rem; */
	border:1px solid #fff;
	
	padding:0;
}
.prodContImg {
	border-radius: 0.8rem;
    position: relative;
    width: 100%;
    overflow: hidden;
    /* padding-bottom: 50.42%; */
	padding-bottom: 96.43%;
    z-index: 2;
}
.prodContImg img {
    /* height: 100%; */
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    mix-blend-mode: multiply;
}
.prodctext{
	width:100%;
	padding:2.5rem 0 0 0;
}
.prodctext h3{
	margin:0 0 1.5rem 0;
	text-align:left;
	color: #000;
	font-family: pretendard-600;
	font-size: 2.4rem;
	font-style: normal;
	font-weight: 600;
	line-height: 3.4rem;
}
.normalmore {
    display: flex;
    color: #000;
    font-family: Pretendard;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.2rem;
    align-items: center;
    justify-content: flex-start;
    gap: 0.8rem;
}
.normalmore span{
	display:inline-block;
	width:1.2rem;
	height:1.2rem;
	background-image: url(/public/img/common/arrow_icon.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
@media (max-width:1600px) {
	.prodctext h3 {
		margin: 0 0 1.5rem 0;
		font-size: 2rem;
		line-height: 3rem;
	}
}
@media (max-width:767px) {
	.maproduWrap {
		padding: 5rem 0 5rem 0;
	}
	
	.maproduWrap .matitle {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 0;
	}
	a.maBtn {
		padding: 1.2rem 1.7rem;
		gap: .6rem;
		border-radius: 6px;
		font-size: 1.4rem;
		line-height: 1.6rem;
	}
	
	.productSilde {
		margin: 3rem 0 0 0;
	}
	.prodctext {
		padding: 1.4rem 0 0 0;
	}
	.prodctext h3 {
		margin: 0 0 0.6rem 0;
		font-size: 1.8rem;
		line-height: 2.2rem;
	}
	.normalmore {
		font-size: 1.3rem;
		line-height: 1.8rem;
		gap: 0.6rem;
	}
	.normalmore span {
		width: 1.4rem;
		height: 1.4rem;
	}
	.maproduWrap .deBtnGroupInner {
		margin: 0;
		top: inherit;
		position: relative;
		right: inherit;
		margin: 2rem 0 0 0;
	}
}