.more_btn{
	display: flex;
	align-items: center;
	border: 1px solid #000;
	color: #000;
	padding: 12px 28px;
	font-size: 14px;
	font-weight: 500;
	transition: all 0.3s ease;
	gap: 6px;
	width: fit-content;
	position: relative;
	transition: all 0.3s ease;
	align-items: center;
	font-family: 'novantique-serif', sans-serif;
	z-index: 1;
}
.more_btn>i{
	display: flex;
	width: 20px;
	height: 20px;
	background: url(/html/_img/main/more_arrow.png) no-repeat center center / cover;
	transition: background 0.3s ease;
}
.more_btn.bk:hover{
	color: #FFF;
	background-color: #000;
}
.more_btn.bk:hover>i{
	background: url(/html/_img/main/more_arrow_wh.png) no-repeat center center / cover;
}
.more_btn.none_btn{
	border: none;
	padding: 0;
	font-weight: 400;
}
.more_btn.wh{
	color: #FFF;
}
.more_btn.wh>i{
	background: url(/html/_img/main/more_arrow_wh.png) no-repeat center center / cover;
}
.more_btn.gray{
	color: #999;
}
.more_btn.gray>i{
	background: url(/html/_img/main/more_arrow_gray.png) no-repeat center center / cover;
}
@media screen and (max-width: 768px){
	.more_btn{padding: 10px 20px;}
	.more_btn>i{width: 16px; height: 16px;}
}
@media screen and (max-width: 500px){
	.more_btn{padding: 8px 16px; gap: 4px;}
	.more_btn>i{width: 14px; height: 14px;}
}




.t_wrap{
	overflow: hidden;
	display: inline-block;
	line-height: 1.2;
}
.t_wrap span{
	display: block;
	width: 100%;
	height: 100%;
}











#mainVis{
	position: relative;
	width: 100%;
	height: 100vh;
	margin-top: 212px;
}
#mainVis .swiper-container{
	width: 100%;
	height: 100%;
}
#mainVis .swiper-slide{
	width: 100%;
	height: 100%;
	position: relative;
}
#mainVis .swiper-pagination{
	bottom: 60px;
	gap: 10px;
	display: flex;
	justify-content: center;
}
#mainVis .swiper-pagination>span{
	width: 8px;
	height: 8px;
	border-radius: 8px;
	box-sizing: border-box;
	border: 1px solid rgba(255,255,255,0.1);
	background:rgba(255,255,255,0.3);
	margin: 0;
	padding: 0;
	transition: all 0.3s ease;
}
#mainVis .swiper-pagination>.swiper-pagination-bullet-active{
	background:rgba(255,255,255,1);
	border: 1px solid rgba(255,255,255,1);
	width: 38px;
}


#mainVis .swiper-slide .bg_wrap{
	position: absolute; inset: 0;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	transform: scale(1.15);
	transition: transform 4s ease-in-out; /* 0.3s -> 5s 추천 */
	will-change: transform;
	z-index: 1;
}
#mainVis .swiper-slide .bg_wrap.zoom-anim{ transform: scale(1); }


#mainVis .txt_wrap{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	width: 50%;
	z-index: 2;
	box-sizing: border-box;
	padding: 100px 140px;
}
#mainVis .txt_wrap p{
	font-size: 2rem;
	font-weight: 400;
	color: #E4AD49;
	line-height: 1.2;
	font-family: 'novantique-serif', sans-serif;
}
#mainVis .txt_wrap h2{
	font-size: 6.8rem;
	font-weight: 700;
	color: #000;
	line-height: 1.2;
	margin-top: 20px;
	margin-bottom: 60px;
	font-family: 'novantique-serif', sans-serif;
}

/* #mainVis 반응형 */
@media screen and (max-width: 1830px){
	#mainVis .txt_wrap{padding:0}
}
@media (max-width: 1024px){
	#mainVis .txt_wrap{width: 100%; padding: 60px 40px; text-align:center;}
	#mainVis .txt_wrap .more_btn{margin: 0 auto;}
	#mainVis .txt_wrap h2{margin-bottom: 40px;}

}
@media (max-width: 768px){
	#mainVis{margin-top: 70px; height: calc(100vh - 70px);}
	#mainVis .txt_wrap{padding: 40px 20px;}
	#mainVis .txt_wrap p{font-size: 14px;}
	#mainVis .txt_wrap h2{font-size: 4.8rem; margin-top: 16px; margin-bottom: 40px;}
	
	#mainVis .swiper-pagination{bottom: 40px;}
}
@media (max-width: 500px){
	#mainVis .txt_wrap p{font-size: 14px;}
	#mainVis .txt_wrap h2{font-size: 3.2rem; margin-top: 8px; margin-bottom: 16px;}
	#mainVis .swiper-pagination{bottom: 30px;}
}









#mainAbout{
	position: relative;
	margin-top: 160px;
}
#mainAbout .tit_wrap{
	text-align: center;
}
#mainAbout .tit_wrap h2{
	font-size: 6.8rem;
	font-weight: 700;
	color: #000;
	line-height: 1.4;
	font-family: 'novantique-serif', sans-serif;
}
#mainAbout .tit_wrap p{
	font-size: 2rem;
	font-weight: 400;
	color: #444;
	line-height: 1.4;
	margin-top: 0;
}
#mainAbout ul{
	display: flex;
	border-top: 1px solid #DDD;
	margin-top: 80px;
	padding: 0;
}
#mainAbout ul>li{
	width: 33.333%;
	border-right: 1px solid #DDD;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	height: 220px;
	border-bottom: 1px solid #DDD;
}
#mainAbout ul>li:last-child{
	border-right: none;
}
#mainAbout ul>li .txt_wrap{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	height: max-content;
	width: max-content;
}
#mainAbout ul>li h3{
	font-size: 2.4rem;
	font-weight: 700;
	color: #E4AD49;
	margin-bottom: 10px;
}
#mainAbout ul>li p{
	font-size: 1.8rem;
	font-weight: 400;
	color: #444;
	line-height: 1.1;
	font-family: 'Pretendard';
}

/* #mainAbout 반응형 */
@media (max-width: 1024px){
	#mainAbout{margin-top: 120px;}
	#mainAbout ul{flex-direction: column;}
	#mainAbout ul>li{width: 100%; border-right: none; border-bottom: 1px solid #DDD;}
}
@media (max-width: 768px){
	#mainAbout{margin-top: 80px;}
	#mainAbout .tit_wrap h2{font-size: 4.8rem;}
	#mainAbout .tit_wrap p{font-size: 14px;}
	#mainAbout ul{margin-top: 60px;}
	#mainAbout ul>li{height: unset; padding: 40px 0}
	#mainAbout ul>li h3{font-size: 2rem;}
	#mainAbout ul>li p{font-size: 14px;}
}
@media (max-width: 500px){
	#mainAbout .tit_wrap h2{font-size: 3.2rem;}
	#mainAbout .tit_wrap p{font-size: 14px;}
	#mainAbout ul{margin-top: 40px;}
	#mainAbout ul>li{padding: 20px 0}
	#mainAbout ul>li h3{font-size: 16px;}
	#mainAbout ul>li p{font-size: 14px;}
}











#mainBest{
	position: relative;
	margin-top: 120px;
}
#mainBest .tit_wrap{
	text-align: center;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}
#mainBest .tit_wrap h2{
	font-size: 4.8rem;
	font-weight: 700;
	color: #000;
	line-height: 1;
	font-family: 'novantique-serif', sans-serif;
}
#mainBest .tit_wrap .more_btn{
	font-family: 'Pretendard', sans-serif;
}
#mainBest ul{
	display: flex;
	justify-content: space-between;
	padding: 0;
}
#mainBest ul>li{
	width: calc(100%/2 - 20px);
}
#mainBest ul>li>div{
	display: block;
	width: 100%;
	height: 1080px;
	position: relative;
}

#mainBest ul>li>div .txt_box{
	position: absolute;
	bottom: 40px;
	left: 40px;
	z-index: 2;
}
#mainBest ul>li>div .txt_box h3{
	font-size: 3.6rem;
	font-weight: 700;
	color: #FFF;
}

/* #mainBest 반응형 */
@media screen and (max-width: 1280px){
	#mainBest ul>li>div{height: 800px;}
}
@media (max-width: 1024px){

	#mainBest ul>li>div{height: 600px;}
	
}
@media (max-width: 768px){
	#mainBest{margin-top: 80px;}
	#mainBest .tit_wrap h2{font-size: 3.6rem;}
	#mainBest ul{flex-direction: column; gap: 20px;}
	#mainBest ul>li{width: 100%;}
	#mainBest ul>li>div{height: 500px;}
	#mainBest ul>li>div .txt_box{bottom: 30px; left: 30px;}
	#mainBest ul>li>div .txt_box h3{font-size: 2.8rem; margin-bottom: 10px}
}
@media (max-width: 500px){
	#mainBest .tit_wrap h2{font-size: 2.8rem;}
	#mainBest ul>li>div{height: 400px;}
	#mainBest ul>li>div .txt_box{bottom: 20px; left: 20px;}
	#mainBest ul>li>div .txt_box h3{font-size: 2.4rem; margin-bottom: 4px}
}












#mainOurCollection{
	position: relative;
	margin-top: 120px;
}
#mainOurCollection .tit_wrap{
	text-align: center;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}
#mainOurCollection .tit_wrap h2{
	font-size: 4.8rem;
	font-weight: 700;
	color: #000;
	line-height: 1;
	font-family: 'novantique-serif', sans-serif;
}
#mainOurCollection .tit_wrap .more_btn{
	font-family: 'Pretendard', sans-serif;
}
#mainOurCollection .txt_wrap{
	margin-top: 30px;
	display: block;
}
#mainOurCollection .txt_wrap h3{
	font-size: 2.8rem;
	font-weight: 700;
	color: #000;
	line-height: 1;
	margin-bottom: 15px;
	font-family: 'novantique-serif', sans-serif;
}
#mainOurCollection .txt_wrap p{
	font-size: 1.8rem;
	font-weight: 400;
	color: #999;
	line-height: 1;
	border: none;
	padding: 0;
}
#mainOurCollection .slide_wrap{
	position: relative;
}
#mainOurCollection .slide_wrap .swiper-slide{
	width: calc(100% / 3 - 20px);
	margin-right: 40px;
}
#mainOurCollection .slide_wrap .swiper-slide img{
	width: 100%;
}
#mainOurCollection .slide_wrap .arrow_wrap{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	width: 100%;
	justify-content: space-between;
	display: flex;
}
#mainOurCollection .slide_wrap .arrow_wrap button{
	width: 48px;
	height: 48px;
	background: rgba(0,0,0,0.5);
	transition: background 0.3s ease;
	display: flex;
	justify-content: center;
	align-items: center;
	border: none;
}
#mainOurCollection .slide_wrap .arrow_wrap button:hover{
	background: rgba(0,0,0,1);
}
#mainOurCollection .slide_wrap .arrow_wrap button i{
	font-size: 1.8rem;
	color: #FFF;
}
#mainOurCollection .progress_wrap{
	margin-top: 60px;
	width: 100%;
}
#mainOurCollection .progress_wrap .progress_bar{
	width: 100%;
	height: 1px;
	background: #DDD;
}
#mainOurCollection .progress_wrap .progress_bar_inner{
	width: 0%;            /* ✅ 시작은 0% */
	height: 100%;
	background: #000;
	will-change: width;
	transition: width .35s ease; /* ✅ 슬라이드 변경 시 부드럽게 증가 */
}


@media (max-width: 768px){
	#mainOurCollection{margin-top: 80px;}
	#mainOurCollection .tit_wrap{flex-direction: column; align-items: flex-start; gap: 20px;}
	#mainOurCollection .tit_wrap h2{font-size: 3.6rem;}
	#mainOurCollection .txt_wrap{margin-top: 20px}
	#mainOurCollection .txt_wrap h3{font-size: 2.4rem; margin-bottom: 10px}
	#mainOurCollection .txt_wrap p{font-size: 14px;}
	#mainOurCollection .slide_wrap .arrow_wrap button{width: 36px; height: 36px;}
	#mainOurCollection .slide_wrap .arrow_wrap button i{font-size: 14px;}
	#mainOurCollection .progress_wrap{margin-top: 40px;}
	
}
@media (max-width: 500px){
	#mainOurCollection{margin-top: 48px}
	#mainOurCollection .txt_wrap{margin-top: 10px}
	#mainOurCollection .tit_wrap h2{font-size: 2.8rem;}
	#mainOurCollection .txt_wrap h3{font-size: 2rem; margin-bottom: 4px}
	#mainOurCollection .txt_wrap p{font-size: 14px;}
	#mainOurCollection .slide_wrap .arrow_wrap button{width: 32px; height: 32px;}
	#mainOurCollection .slide_wrap .arrow_wrap button i{font-size: 14px;}
	#mainOurCollection .progress_wrap{margin-top: 20px}
}












#mainAboutCollection{
	position: relative;
	margin-top: 120px;
}
#mainAboutCollection .con_box{
	display: block;
	position: relative;
	min-height: 100vh;
}
#mainAboutCollection .con_box>div{
	position: relative;
	width: calc(100% / 2 - 20px);
}
#mainAboutCollection .con_box:last-child{
	margin-bottom: 0;
}
#mainAboutCollection .con_box .tit_wrap{
	width: 50%;
	height: 100vh;
	display: flex;
	align-items: center;
}
#mainAboutCollection .con_box .tit_wrap h2{
	font-size: 4.8rem;
	font-weight: 700;
	color: #000;
	line-height: 1;
	margin-bottom: 20px;
	font-family: 'novantique-serif', sans-serif;
}
#mainAboutCollection .con_box .tit_wrap p{
	font-size: 2rem;
	font-weight: 400;
	color: #444;
	line-height: 1.6;
}
#mainAboutCollection .con_box .tit_wrap .more_btn{
	margin-top: 60px;
	background-color: #000;
}
#mainAboutCollection .con_box .img_wrap{
	position: absolute;
	right: 0;
	top: 80rem;
	overflow: hidden;
}
#mainAboutCollection .con_box .img_wrap img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: relative;
	transform: scale(1.2);
}

/* #mainAboutCollection 반응형 */
@media (max-width: 1024px){
	#mainAboutCollection .con_box{display: flex; flex-direction: column; min-height: auto;}
}
@media (max-width: 768px){
	#mainAboutCollection{margin-top: 80px;}
	#mainAboutCollection .con_box{align-items: center; margin-bottom: 80px;}
	#mainAboutCollection .con_box>div{width: 100%;}
	#mainAboutCollection .con_box .tit_wrap{width: 100%; height: unset; min-height: 0; padding: 64px 40px; padding-bottom: 0; z-index: 2; order: 2;}
	#mainAboutCollection .con_box .img_wrap{width: 500px; z-index: 1; order: 1}
	#mainAboutCollection .con_box .img_wrap img{transform: scale(1.5);}
	#mainAboutCollection .con_box .tit_wrap{padding: 40px 24px;}
	#mainAboutCollection .con_box .tit_wrap h2{font-size: 3.6rem;}
	#mainAboutCollection .con_box .tit_wrap p{font-size: 14px;}
	#mainAboutCollection .con_box .tit_wrap .more_btn{margin-top: 24px;}
	#mainAboutCollection .con_box .img_wrap{position: relative; top: unset; margin: 0;}
}
@media (max-width: 500px){
	#mainAboutCollection{margin-top: 48px}
	#mainAboutCollection .con_box {margin-bottom: 40px}
	#mainAboutCollection .con_box .tit_wrap{padding: 40px 0}
	#mainAboutCollection .con_box .tit_wrap h2{font-size: 2.8rem;}
	#mainAboutCollection .con_box .tit_wrap p{font-size: 14px;}
	#mainAboutCollection .con_box .tit_wrap p br{display: none;}
	#mainAboutCollection .con_box .tit_wrap .more_btn{margin-top: 10px;}
	#mainAboutCollection .con_box .img_wrap{width: 250px;}
}












#mainNew{
	position: relative;
	margin-top: 120px;
}
#mainNew .tit_wrap{
	text-align: center;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}
#mainNew .tit_wrap h2{
	font-size: 4.8rem;
	font-weight: 700;
	color: #000;
	line-height: 1;
	font-family: 'novantique-serif', sans-serif;
}
#mainNew .tit_wrap .more_btn{
	font-family: 'Pretendard', sans-serif;
}
#mainNew ul.product_list{
	display: flex;
	justify-content: space-between;
	padding: 0;
}
#mainNew ul.product_list>li{
	width: calc(100%/4 - 20px);
}
#mainNew ul.product_list>li .product_item{
	display: block;
	width: 100%;
	position: relative;
}
#mainNew ul.product_list>li .product_item .img_wrap{
	width: 100%;
	height: 100%;
	display: flex;
	height: 586px;
}
#mainNew ul.product_list>li .product_item .img_wrap img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#mainNew ul.product_list>li .product_item .txt_wrap{
	position: relative;
	margin-top: 30px;
}	
#mainNew ul.product_list>li .product_item .txt_wrap h3{
	font-size: 2.4rem;
	font-weight: 700;
	color: #000;
	line-height: 1.2;
	margin-bottom: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	width: 100%;
	font-family: 'Pretendard', sans-serif;
}
#mainNew ul.product_list>li .product_item .txt_wrap .price_wrap{
	display: flex;
	align-items: center;
	gap: 10px;
}
#mainNew ul.product_list>li .product_item .txt_wrap .price_wrap .sijung_price{
	font-size: 1.8rem;
	font-weight: 400;
	color: #999;
	line-height: 1;
	font-family: 'Pretendard';
	text-decoration: line-through;
}
#mainNew ul.product_list>li .product_item .txt_wrap .price_wrap .price{
	font-size: 2rem;
	font-weight: 700;
	color: #E4AD49;
	line-height: 1;
	font-family: 'Pretendard';
}

/* #mainNew 반응형 */
@media screen and (max-width: 1280px){
	#mainNew ul.product_list>li .product_item .img_wrap{height: 450px;}
}
@media (max-width: 1024px){
	#mainNew ul.product_list{flex-wrap:wrap;  gap: 20px; row-gap: 40px}
	#mainNew ul.product_list>li{width: calc(100% / 2 - 10px);}
	
}
@media (max-width: 768px){
	#mainNew{margin-top: 80px;}
	#mainNew .tit_wrap h2{font-size: 3.6rem;}
	#mainNew ul.product_list{flex-wrap:wrap;}
	#mainNew ul.product_list>li .product_item .img_wrap{height: 350px;}
	#mainNew ul.product_list>li .product_item .txt_wrap{margin-top: 20px}
	#mainNew ul.product_list>li .product_item .txt_wrap h3{font-size: 2rem; margin-bottom: 10px}
	#mainNew ul.product_list>li .product_item .txt_wrap .price_wrap{flex-direction: column; row-gap: 4px; align-items: flex-start;}
	#mainNew ul.product_list>li .product_item .txt_wrap .price_wrap .sijung_price{font-size: 14px;}
	#mainNew ul.product_list>li .product_item .txt_wrap .price_wrap .price{font-size: 16px;}
}
@media (max-width: 500px){
	#mainNew{margin-top: 48px}
	#mainNew .tit_wrap{flex-direction: row;  gap: 10px; margin-bottom: 16px}
	#mainNew .tit_wrap h2{font-size: 2.8rem;}
	#mainNew ul.product_list{column-gap: 10px}
	#mainNew ul.product_list>li{width: calc(100% / 2 - 5px);}
	#mainNew ul.product_list>li .product_item .img_wrap{height: 250px;}
	#mainNew ul.product_list>li .product_item .txt_wrap{margin-top: 8px}
	#mainNew ul.product_list>li .product_item .txt_wrap h3{font-size: 1.8rem; margin-bottom: 8px}
	#mainNew ul.product_list>li .product_item .txt_wrap .price_wrap .sijung_price{font-size: 14px;}
	#mainNew ul.product_list>li .product_item .txt_wrap .price_wrap .price{font-size: 16px;}
}









#mainHeritage{
	position: relative;
	background: url(/html/_img/main/heritage_store_bg.jpg) no-repeat center center / cover;
	padding: 137px 60px;
	box-sizing: border-box;
	margin-top: 120px;
}
#mainHeritage .txt_wrap{
	position: relative;
	text-align: center;
}
#mainHeritage .txt_wrap h2{
	font-size: 4.8rem;
	font-weight: 700;
	color: #FFF;
	line-height: 1;
	font-family: 'novantique-serif', sans-serif;
}
#mainHeritage .txt_wrap p{
	font-size: 2rem;
	font-weight: 400;
	color: #FFF;
	line-height: 1;
	margin-top: 20px;
}
#mainHeritage .txt_wrap .more_btn{
	margin: 0 auto;
	margin-top: 60px;
	background-color: #E4AD49;
	border: 1px solid #E4AD49;
}

/* #mainHeritage 반응형 */
@media (max-width: 768px){
	#mainHeritage{margin-top: 80px; padding: 80px 40px;}
	#mainHeritage .txt_wrap h2{font-size: 3.6rem;}
	#mainHeritage .txt_wrap p{font-size: 14px;}
	#mainHeritage .txt_wrap .more_btn{margin-top: 20px;}
}
@media (max-width: 500px){
	#mainHeritage{margin-top: 48px; padding: 48px 24px;}
	#mainHeritage .txt_wrap h2{font-size: 2.8rem;}
	#mainHeritage .txt_wrap p{font-size: 14px; margin-top: 16px; line-height: 1.2}
	#mainHeritage .txt_wrap .more_btn{margin-top: 16px;}
}








#mainTechnology{
	position: relative;
	margin-top: 120px;
}
#mainTechnology .tit_wrap{
	position: relative;
	margin-bottom: 20px;
}
#mainTechnology .tit_wrap h2{
	font-size: 4.8rem;
	font-weight: 700;
	color: #000;
	line-height: 1;
	font-family: 'novantique-serif', sans-serif;
}
#mainTechnology .tit_wrap p{
	font-size: 2rem;
	font-weight: 400;
	color: #444;
	line-height: 1;
	margin-top: 10px;
}
#mainTechnology ul{
	display: flex;
	justify-content: space-between;
	padding: 0;
}
#mainTechnology ul>li{
	width: calc(100%/3 - 20px);
}
#mainTechnology ul>li .img_wrap{
	width: 100%;
	height: 100%;
	display: flex;
	height: 586px;
}
#mainTechnology ul>li .img_wrap img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#mainTechnology ul>li .txt_wrap{
	position: relative;
	margin-top: 30px;
}
#mainTechnology ul>li .txt_wrap p.cate{
	font-size: 1.8rem;
	font-weight: 400;
	color: #E4AD49;
	line-height: 1;
	font-family: 'novantique-serif', sans-serif;
}	
#mainTechnology ul>li .txt_wrap h3{
	font-size: 2.4rem;
	font-weight: 700;
	color: #000;
	line-height: 1;
	margin: 15px 0;
}
#mainTechnology ul>li .txt_wrap p{
	font-size: 1.8rem;
	font-weight: 400;
	color: #444;
	line-height: 1.6;
}

/* #mainTechnology 반응형 */
@media (max-width: 1024px){
	#mainTechnology ul{flex-direction: column; gap: 40px;}
	#mainTechnology ul>li{width: 100%;}
	#mainTechnology ul>li .img_wrap{height: 300px;}
}
@media (max-width: 768px){
	#mainTechnology{margin-top: 80px;}
	#mainTechnology .tit_wrap h2{font-size: 3.6rem;}
	#mainTechnology .tit_wrap p{font-size: 14px;}
	#mainTechnology ul{gap: 32pxpx;}
	#mainTechnology ul>li .img_wrap{height: 200px;}
	#mainTechnology ul>li .txt_wrap{margin-top: 20px;}
	#mainTechnology ul>li .txt_wrap p.cate{font-size: 14px;}
	#mainTechnology ul>li .txt_wrap h3{font-size: 2rem; margin: 10px 0}
	#mainTechnology ul>li .txt_wrap p{font-size: 14px;}
}
@media (max-width: 500px){
	#mainTechnology{margin-top: 48px}
	#mainTechnology .tit_wrap h2{font-size: 2.8rem;}
	#mainTechnology .tit_wrap p{font-size: 14px;}
	#mainTechnology ul{gap: 24px;}
	#mainTechnology ul>li .img_wrap{height: 150px;}
	#mainTechnology ul>li .txt_wrap{margin-top: 10px}
	#mainTechnology ul>li .txt_wrap p.cate{font-size: 14px;}
	#mainTechnology ul>li .txt_wrap h3{font-size: 1.8rem; margin: 10px 0}
	#mainTechnology ul>li .txt_wrap p{font-size: 14px;}
}










#mainBrandStory{
	position: relative;
	margin-top: 120px;
	height: 100vh;
	background: url(/html/_img/main/story_bg.jpg) no-repeat center center / cover;
	padding-top: 160px;
}
#mainBrandStory .txt_wrap{
	position: relative;
	text-align: right;
	color: #FFF;
	
}
#mainBrandStory .txt_wrap  h2.en{
	font-size: 6.8rem;
	font-weight: 700;
	line-height: 1.2;
	font-family: 'novantique-serif', sans-serif;
}
#mainBrandStory .txt_wrap .txt_box{
	margin-top: 40px;
}
#mainBrandStory .txt_wrap .txt_box h2.ko{
	font-size: 3.8rem;
	font-weight: 700;
	line-height: 1.4;
}
#mainBrandStory .txt_wrap .txt_box h2.ko br.mob{
	display: none;
}
#mainBrandStory .txt_wrap .txt_box p{
	font-size: 2rem;
	font-weight: 500;
	color: #FFF;
	line-height: 1.6;
	margin-top: 10px;
}	
#mainBrandStory .txt_wrap .more_btn{
	margin-left: auto;
	margin-top: 60px;
	background-color: #E4AD49;
	border: 1px solid #E4AD49;
}

/* #mainBrandStory 반응형 */
@media (max-width: 768px){
	#mainBrandStory{margin-top: 80px; height: auto; padding-top: 80px; padding-bottom: 80px;}
	#mainBrandStory .txt_wrap{text-align: center; padding: 0 40px;}
	#mainBrandStory .txt_wrap h2.en{font-size: 4.8rem;}
	#mainBrandStory .txt_wrap .txt_box{margin-top: 30px;}
	#mainBrandStory .txt_wrap .txt_box h2.ko{font-size: 2.8rem;}
	#mainBrandStory .txt_wrap .txt_box p{font-size: 14px;}
	#mainBrandStory .txt_wrap .more_btn{margin-left: auto; margin-right: auto; margin-top: 20px;}
}
@media (max-width: 500px){
	#mainBrandStory{padding-top: 48px; padding-bottom: 48px; margin-top: 48px}
	#mainBrandStory .txt_wrap{padding: 0;}
	#mainBrandStory .txt_wrap h2.en{font-size: 3.2rem;}
	#mainBrandStory .txt_wrap .txt_box h2.ko{font-size: 2.4rem;}
	#mainBrandStory .txt_wrap .txt_box h2.ko br.mob{display: block;}
	#mainBrandStory .txt_wrap .txt_box p{font-size: 14px;}
	#mainBrandStory .txt_wrap .txt_box p br{display: none;}
	#mainBrandStory .txt_wrap .more_btn{margin-top: 10px;}
}













