header {display:none!important;}


#SecMain {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background: #000;
}
.secMainMov {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.secMainMov img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.secMainMov01 {z-index: 1;}
.secMainMov02 {z-index: 2; opacity: 0;}
.secMainTitle {
    color: #fff;
    font-family: "pretendard";
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    font-size: 6rem;
    letter-spacing: -0.03em;
    text-align: center;
    line-height: 1.2;
}



@media (max-width:768px) {
	.secMainTitle {font-size: 8rem;}
	.secMainTitle {font-size: 10.42vw;}
}



/* =============== sec01 START ~ ================ */ 

#sec01 {
	height:auto; 
	background:#fff; 
	padding:29rem 0 24.3rem;
	position:relative;
}

.mainInner {width:100%; max-width:164rem; margin:0 auto; padding:0 2rem;}

.sec01Group {
    display: flex;
    justify-content: space-between;
}
.sec01left {width: 56.88%;}
.sec01Right {
    width: 34.5%;
    height: auto;
    display: block;
	position:relative;
}

.sec01Mov {width:100%; height:auto;}
.sec01Mov img {width:100%; height:auto;}
.sec01Mov02 {margin-top:5rem;}

.mainSpanTBox {
    padding: 1rem 3rem;
    border-radius: 10rem;
    background: #4E933F;
    display: inline-block;
}

.mainSpanTitle {
	color: #FFF;
	text-align: center;
	font-family: Pretendard;
	font-size: 22px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	letter-spacing: -0.66px;
}

.mainBTitle {
	color: #404040;
	font-family: "Pretendard";
	font-size: 6rem;
	font-weight: 600;
	linge-height: normal;
	letter-spacing: -0.18rem;
	margin-top:2.8rem;
}

.mainSTitle {
	color: #404040;
	font-family: Pretendard;
	font-size: 2.4rem;
	font-weight: 400;
	line-height: 1.58;
	letter-spacing: -0.072rem;
	margin-top:3.8rem;
	padding-left:0;
}

.mainBtnBox {
    margin-top: 5rem;
    display: inline-block;
    border: 1px solid #000;
}
.mainBtnBox a {
    display: flex;
    align-items: center;
    padding: 1.4rem 2rem;
}
.mainBtnBox .mainBtnBoxT {
    color: #404040;
    font-size: 2rem;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.06em;
	margin-right:5rem;
}

.mainBtnBoxArrow {
	width:5rem;
	height:auto;
}

.sec01DropImg {
    position: absolute;
    right: 0;
    bottom: 10%;
    width: 36.5%;
}
@media (max-width:768px) {
	
	.mainInner {padding: 0 7.81vw;}
	#sec01 {padding: 18.23vw 0 1.04vw;}
	.sec01Group {flex-direction: column;}
	.sec01left {width: 100%;}
	.sec01Right {
		width: 100%;
		position: relative;
		top: unset;
		height: auto;
		display: block;
		height: auto;
		margin-top: 18.23vw;
		text-align: center;
	}
	
	.sec01Mov {
		width: 100%;
		height: 0;
		overflow: hidden;
		position: relative;
		padding-bottom: 95.67%;
	}

	.sec01Mov img {
		height:100%;
		width:auto;
		position:absolute;
		left:50%;
		top:50%;
		transform:translate(-50%,-50%);
	}

	.sec01Mov02 {margin-top: 6.25vw;}
	
	.mainSpanTBox {padding: 1.17vw 3.78vw;}
	.mainSpanTitle {font-size: 5.86vw;}
	
	.mainBTitle {
		font-size: 10.42vw;
		font-weight: 700;
		letter-spacing: -0.024em; 
		margin-top: 4.69vw;
	}
	
	.mainSTitle {
		font-size: 3.91vw;
		line-height: 1.5;
		letter-spacing: -0.09rem;
		margin-top: 4.56vw;
	}
	
	.mainBtnBox .mainBtnBoxT {
		font-size: 3.26vw;
		margin-right: 6.51vw;
	}
	
	.sec01DropImgMo {
		width: 100%;
		transform: translateX(9%);
	}
	
	.mainBtnBoxArrow {width: 8vw;}

}

/* =============== ~ sec01 END // ================ */ 




/* ==================================================== */ 

#sec02Wrap{
  position:relative;
  height:320vh;            /* pin 구간 + 빠져나갈 여유 */
  background:#000;
}

#sec02{
  position:sticky;
  top:0;
  height:100vh;
  overflow:hidden;
  background:#000;
}

.sec02Txt{
  position:relative;
  top:0; left:0;
  width:100%;
  padding:12rem 0 6rem;
  text-align:center;
  color:#fff;
  z-index:10;
  font-size:5.4rem;
}

/* 박스들은 같은 자리에 겹쳐두기 */
.sec02Inner{ position:relative; width:100%; height:100%;}
.sec02Box{
  position:absolute;
  left:50%;
  bottom:unset;
  width:90%;
  transform:translateX(-50%) translateY(0);
  opacity:0;
  transition: transform .7s cubic-bezier(.2,.8,.2,1), opacity .7s;
  will-change:transform, opacity;
}

.sec02Box img {width:100%; height:auto;}
.sec02Box.is-active{transform:translateX(-50%) translateY(0); opacity:1;}


@media (max-width:768px) {
	.sec02Txt {
		padding: 18.23vw 0;
		font-size: 10.42vw;
		line-height: 1.24;
	}
	
	

}

/* ========================== // SEC03 START ~ ========================== */ 
#sec03 {}
#sec03 .mainInner {
    width: 100%;
    max-width: 164rem;
    padding: 0 2rem;
    margin: 25.8rem  auto 6.4rem;
}
#sec03 .mainBTitle {margin-top:0;}
#sec03 .mainSTitle {
    margin-top: 0.9rem;
}

.sec03ContBox {
    display: flex;
    overflow: hidden;
}
.sec03CBox {
    width: calc(100%/4);
    height: 0;
    padding-bottom: 107.8rem;
    position: relative;
    overflow: hidden;
    background: #333;
    transition: all 0.8s ease-in-out;
}
.sec03CTBox {
    width: 100%;
    padding-bottom: 12.3rem;
    position: absolute;
    bottom: 0;
    z-index: 1;
	transition:all 0.8s ease-in-out;
}

.sec03CBox img {
    height: 100%;
    width: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
	transition:none!important;
}



.sec01Txt01 {
	color: #FFF;
	font-family: Pretendard;
	font-size: 2.8rem;
	font-weight: 300;
	line-height: 128.571%;
	letter-spacing: -0.084rem;
	text-align:center;
	transition:all 0.8s ease-in-out;
}

.sec01Txt02 {
    color: #FFF;
    font-size: 4.8rem;
    font-weight: 600;
    letter-spacing: -0.144rem;
    margin-top: 1.1rem;
    text-align: center;
    word-break: keep-all;
	transition:all 0.8s ease-in-out;
}


@media (min-width:769px) {
	.sec03CBox:hover {width:100%;}
	.sec03CBox:hover .sec03CTBox {width: 33.334%;}

	.sec03CBox:hover .sec01Txt01 {font-size: 4.8rem;}
	.sec03CBox:hover .sec01Txt02 {font-size: 6.8rem;}
}

@media (max-width:768px) {
	#sec03 .mainInner {
		width: 100%;
		max-width: 164rem;
		padding: 0 2rem;
		margin: 26.82vw 0 12.37vw;
	}
	
	
	.sec03ContBox {flex-direction: column;}
	
	.sec03CBox {width: 100%; height: 0; padding-bottom: 46.75%;}
	
	.sec03CTBox {
		width: auto;
		padding-bottom: 7.42vw;
		padding-left: 7.81vw;
	}
	
	.sec01Txt01 {font-size: 3.91vw; text-align: left;}
	
	.sec01Txt02 {
		font-size: 5.86vw;
		margin-top: 1.43vw;
		text-align: left;
	}



}
/* ========================== ~ SEC03 END // ========================== */ 


/* ========================== // SEC04 START ~ ========================== */ 
#sec04 {
	padding:25rem 0 29rem;
}
#sec04 .mainInner {
	max-width:179rem;
}

#sec04 .mainSTitle {
	color: #242424;
	text-align: center;
	font-family: Pretendard;
	font-size: 3.6rem;
	font-weight: 300;
	line-height: 155.556%;
	letter-spacing: -0.108rem;
	margin-top:0;
}
#sec04 .mainBTitle {
	color: #000;
	text-align: center;
	font-family: Pretendard;
	font-size: 4.2rem;
	font-weight: 600;
	letter-spacing: -0.21rem;
	margin-top:3rem;
	line-height:1.25;
}
.sec04Cont {
    margin-top: 23rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.sec04Left {width:52%;}
.sec04Right {
    width: 31.54%;
    margin-left: 12.5rem;
}

.sec04CTxt01 {
    color: #404040;
    font-size: 6rem;
    font-weight: 600;
    letter-spacing: -0.018em;
    line-height: 1.2;
    word-break: keep-all;
}
.sec04CTxt02 {
	color: #404040;
	font-size: 2.4rem;
	line-height: 158.333%;
	letter-spacing: -0.072em;
	margin-top:3.6rem;
}

#sec04 .mainBtnBox {margin-top:13.5rem;}

@media (max-width:768px) {
	#sec04 {padding: 26.69vw 0 20.83vw;}
	#sec04 .mainSTitle {font-size: 3.91vw; line-height: 1.5;}

	#sec04 .mainBTitle {
		font-size: 6.51vw;
		letter-spacing: -0.21rem;
		margin-top: 3.91vw;
		line-height: 1.25;
	}
	
	.sec04Cont {
		margin-top: 26.69vw;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		flex-direction: column;
	}
	.sec04Left {
		width: 100%;
	}
	.sec04Right {
		width: 100%;
		margin-left: 0;
		margin-top: 18.23vw;
		text-align: center;
	}
	
	.sec04CTxt01 {font-size:6.51vw;}
	
	.sec04CTxt02 {
		font-size: 3.91vw;
		line-height: 1.5;
		margin-top: 4.30vw;
	}
	
	#sec04 .mainBtnBox {margin-top: 10.81vw;}
}

/* ========================== ~ SEC04 END // ========================== */ 

/* ========================== // SEC05 START ~ ========================== */ 


#sec05 {padding:17.3rem 0; background:#F9F9F9;}
#sec05 .mainInner {max-width:144rem;}

#sec05 .sec05Cont {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


#sec05 .sec05Left {width:16.86%;}

#sec05 .sec05Right {
    width: 75.36%;
    display: flex;
    justify-content: flex-start;
    gap: 3.5rem;
}

.sec05News {
    width: calc(100%/3 - 2.33rem);
}
.sec05NewTitle {
    color: #404040;
    font-size: 2rem;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: -0.06rem;
    margin-top: 2rem;
}


.sec05NewsThum {
    width: 100%;
    height: 0;
    overflow: hidden;
    position: relative;
    padding-bottom: 70.05%;
	background:#fff;
}

.sec05NewsThum img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: auto;
}


@media (max-width:768px) {
	#sec05 {padding: 18.23vw 0;}
	#sec05 .mainInner {padding: 0 22.14vw;}
	
	#sec05 .sec05Cont {
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-direction: column;
	}


	#sec05 .sec05Left {
		width: 100%;
	}


	.sec04CTxt01 {
		font-size: 6.51vw;
		text-align: center;
	}


	#sec05 .sec05Right {
		width: 100%;
		gap: 15.63vw;
		flex-direction: column;
		margin-top: 18.23vw;
	}
	
	.sec05News {width: 100%;}

	.sec05NewTitle {
		font-size: 3.91vw;
		margin-top: 3.91vw;
	}



}


/* ========================== ~ SEC05 END // ========================== */ 


#footer {
    width:100%;
    height: auto;
    padding:7.4rem 0 13.3rem;
	background: #F6F2ED;
}



#footer .footerInner {
    width: 100%;
    max-width:136rem;
    padding:0 2rem;
    margin:0 auto;
}


.footerLogo {
    width: 12.8rem;
    height: auto;
    margin-top: 7rem;
}


.footerBotm {
    word-break: keep-all;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footerBotmLeft {
    width: 58.68%%;
}

.footerBotmRight {width: 34.39%;}

.footerBotm .infoList {
    color: #2A2A2A;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 175%;
    letter-spacing: -0.032em;
    margin-top: 3.1rem;
    font-family: 'pretendard'!important;
    width: 100%;
}

.footerBotm .infoList li {
    margin-right: 1.5rem;
    padding-right: 1.5rem;
	position:relative;
}

.footerBotm .infoList li::before {
    content: '';
    width: 1px;
    height: 2rem;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #2A2A2A;
}


.footerBotm .infoList li:nth-child(5)::before,
.footerBotm .infoList li:nth-child(7)::before,
.footerBotm .infoList li:nth-child(8)::before {display:none;}


.infoList span {}

.copyright {
    color: #2A2A2A;
    font-size: 1.456rem;
    font-weight: 500;
    line-height: 192.308%;
    letter-spacing: -0.0291rem;
    margin-top: 1.8rem;
}

ul.private {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}
#footer .private li {
	color: #2A2A2A;
	font-family: Pretendard;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.18;
	letter-spacing: -0.032em;
}

#footer .private li:first-child {
    font-weight: 700;
    color: #2A2A2A;
    margin-right: 2rem;
}

#footer .private li:first-child::before {
    content: '';
    width: 1px;
    height: 2rem;
    background-color: #2a2a2a;
    border-radius: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
#footer .inner .cleft li span {
    font-weight: 500;
    color: #d5d5d5;
    padding-left: 0.5em;
}

.privacy-policy.active {
	display:block!important;
}

.email-policy.active {
	display:block!important;
}

.footerSns {
    display: flex;
    gap: 3.3rem;
    margin-top: 2.6rem;
}

.footerSns li {width:2.6rem; height:auto;}
.footerSns li a {display:inline-block;}
.footerSns li img {width:100%; height:auto;}

.footerBotmRBox {}
.fbRTitle {
	color: #2A2A2A;
	font-family: Pretendard;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 118.75%;
	letter-spacing: -0.032em;
}
.fbRNum {
	color: #2A2A2A;
	font-family: Pretendard;
	font-size: 3.2rem;
	font-weight: 800;
	line-height:87.5%;
	letter-spacing: -0.064em;
	margin-top:1.9rem;
}

.fbRNum span {font-weight:500;}
.fbRTxt {
	color: #2A2A2A;
	font-family: Pretendard;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 142.857%;
	letter-spacing: -0.028em;
	margin-top:1.5rem;
}

.footerBotmRBox.footerBotmRBox02 {
    margin-top: 5rem;
}

.footerBotmRBox02 .fbRTxt {margin-top:1rem;}
.footerBotmRBox02 .fbRNum {margin-top:1rem;}

@media (min-width:769px) {
	.footerSns.pc_only {display: flex!important;; gap: 3.3rem;}
}

@media (max-width:768px) {
	#footer {padding: 8.5333vw 0 8.72vw;}
	#footer .footerInner {width: 100%; max-width: 136rem; padding: 0 7.81vw; margin: 0 auto;}
	.footerLogo {display:none;}
	.footerBotm {padding-top: 4.2667vw; flex-direction: column-reverse;}
	.footerBotmLeft, .footerBotmRight {width: 100%;}
	.footerBotm .infoList {
		font-size: 2.6053vw;
		line-height: 3.9067vw;
		letter-spacing: -0.05em;
		justify-content: center;
		width: 100%;
	}
	
	
	.footerBotm .infoList li {margin-right: 2.6667vw;}
	.footerSns.mo_only {
		display: flex!important;
		gap: 2.73vw;
		margin-top: 3.26vw;
	}
	
	.footerSns li {
		width: 5.39vw;
		height: auto;
	}

	.copyright {
		font-size: 2.6053vw;
		line-height: 2.4rem;
		letter-spacing: -0.05em;
		margin-top: 7.2000vw;
		text-align:center;
	}
	
	ul.private {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		
		margin-bottom: 4.2667vw;
	}


	.storeCeo a {
		font-size: 3.1253vw;
		letter-spacing: -0.02em;
	}
	
	#footer .private li {
		font-size: 3.1253vw;
		line-height: 1;
		letter-spacing: -0.05em;
		font-family: "Pretendard";
	}


	#footer .private li:first-child::before {
		content: '';
		width: 0.5vw;
		height: 0.5vw;
		background-color: #2A2A2A;
		border-radius: 999%;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%) translateX(50%);
	}
	.fbRTitle {font-size: 3.13vw;}
	.fbRNum {font-size: 4.30vw; letter-spacing: -0.064em; margin-top: 3.39vw;}
	.fbRTxt {font-size: 2.73vw; margin-top: 1.95vw;}
	.footerBotmRBox.footerBotmRBox02 {margin-top: 3.13vw;}
	.footerBotmRBox02 .fbRTxt {margin-top: 2.21vw;}
	.footerBotmRBox02 .fbRNum {margin-top: 2.47vw;}
	
	.footerBotm .infoList {
		color: #404040;
		font-size: 2.4vw;
		line-height: 1.5;
		letter-spacing: -0.05em;
		justify-content: left;
		width: 100%;
		margin-top: 5.21vw;
	}
	.footerBotm .infoList li {margin-right: 1.5vw; padding-right: 1.5vw;}
	.footerBotm .infoList li:last-child {margin-right:0; padding-right:0; margin-top:2vw;}
	.footerBotm .infoList li::before {width: 0.13vw; height: 2vw;}
	.footerBotm .infoList li:nth-child(5)::before {display:block;}

	.footerBotm .infoList li:nth-child(4)::before,
	.footerBotm .infoList li:nth-child(6)::before {display:none;}

	.copyright {font-size: 2.73vw; line-height: 1.33; letter-spacing: -0.042em; margin-top: 3.26vw; text-align: left; margin: 3.26vw 0 0 0;}
}