/*메인비주얼*/
.main_visual{
	position:relative;
}
.main_visual .swiper-slide{
	height:100vh;
	position:relative;
	background-repeat: no-repeat;
	background-position: 50.21% 50.31%;
	background-size: 2560px auto;
	transform:translateZ(0);
	image-rendering: crisp-edges;
	backface-visibility:hidden;
	image-rendering: revert;
}
.main_visual .swiper-slide > .txt_box{
	position:absolute;
	left:0;
	width:100%;
	top:30%;
	transform:translateY(-51%);
	color:#fff;
	text-align:center;
}
.main_visual .swiper-slide > .txt_box .box{
	display:inline-block;
	text-align:center;
  color:#000;
	cursor: pointer;
}
.main_visual .swiper-slide > .txt_box h3{
	margin-bottom:1rem;
}
.main_visual .swiper-slide > .txt_box h3 img{
	max-width: 150px;
	width: 100%;
}
.main_visual .swiper-slide > .txt_box p:nth-of-type(1){  
	font-size:2.6rem;
	font-weight:400;
	opacity:.8;
	line-height:1.6;
}
.main_visual .swiper-slide > .txt_box p:nth-of-type(2){  
	font-size:1.8rem;
	margin-top:2rem;
	margin-bottom:4rem;
}
.main_visual .swiper-slide > .txt_box p.arrow{
	text-align:right;
	position:relative;
	overflow:hidden;
	width:17rem;
	margin:0 auto;
	height:2.5rem;
}
.main_visual .swiper-slide > .txt_box p.arrow i{
	position:absolute;
	right:4px;
	top:50%;
	width:2.1rem;
	height:2.1rem;
	border-right:1px solid #000;
	border-top:1px solid #000;
	transform:translateY(-50%) rotate(45deg);
}
.main_visual .swiper-slide > .txt_box p.arrow::after{
	content:"";
	position:absolute;
	left:0;
	top:50%;
	width:100%;
	transform:translateY(-50%);
	border-top:1px solid #000;
}



.main_visual .mv-next,
.main_visual .mv-prev{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	z-index:5;
	color:#000;
	opacity:.5;
	font-size:5rem;
}
.main_visual .mv-prev{
	left:3rem;
}
.main_visual .mv-next{
	right:3rem;
}

@media(max-width:991.98px){
	.main_visual .swiper-slide > .txt_box{
		top:26%;
	}
	.main_visual .swiper-slide > .txt_box h3 img{
		max-width: 120px;
	}
}
@media (max-width:767.98px) {
	.main_visual{
		background: #f7f7f7;
	}
	.main_visual .swiper-slide {
		background-size: 1900px auto;
		background-position: center 17% !important;
	}
	.main_visual .swiper-slide > .txt_box{
		top:24%;
	}
	.main_visual .mv-next, .main_visual .mv-prev {
		top: 42%;
	}
}
@media(max-width:576.98px){
	.main_visual .swiper-slide{
		height:500px;
		background-size: 1000px auto;
		background-position: center 200% !important;
	}
	.main_visual .swiper-slide > .txt_box{
		top:37.5%;
	}
	.main_visual .swiper-slide > .txt_box h3{
		font-size:4rem;
	}
	.main_visual .swiper-slide > .txt_box p:nth-of-type(1){  
		font-size:1.8rem;
	}
	.main_visual .swiper-slide > .txt_box p:nth-of-type(2){  
		font-size:1.5rem;
		margin-top: 1rem;
		margin-bottom: 2rem;
	}
	.main_visual .swiper-slide > .txt_box p.arrow{
		width:9rem;
		height:1.5rem;
	}
	.main_visual .mv-prev,
	.main_visual .mv-next{
		display:none;
	}
	.main_visual .swiper-slide > .txt_box h3 img{
		max-width: 80px;
	}
}


/*메인공통*/
#main_container{
	margin-top: -3.5rem;
}
h3.main_title{
	font-size:5rem;
	color:#222;
	font-weight:700;
	display:flex;
	align-items: center;
	margin-bottom:3.5rem;
}
h3.main_title img{
	width:3rem;
	margin-left:1.5rem;
}
.sec_pd{
	padding-top:10rem;
	padding-bottom:10rem;
}

.main_title_group .desc{
	font-size:2.2rem;
	font-weight:300;
	color:#666;
}
.main_title_group .view_more{
	font-size:1.5rem;
	font-weight:600;
	color:#222;
	font-family: "Poppins";
	margin-top:4rem;
	display:flex;
	align-items: center;
}
.main_title_group .view_more i{
	position:relative;
	width:7rem;
	border:1px solid #222;
	margin-left:1rem;
	transition:all .3s;
}
.main_title_group .view_more i::after{
	content:"";
	position:absolute;
	width:10px;
	height:10px;
	border-top:2px solid #222;
	border-right:2px solid #222;
	right:0;
	top:50%;
	transform:translateY(-50%) rotate(45deg);
}
.main_title_group .view_more:hover i{
	width:10rem;
}


@media(max-width:1199.98px){
	.sec_pd{
		padding-top:8rem;
		padding-bottom:8rem;
	}
	h3.main_title{
		margin-bottom:3rem;
	}
	.main_title_group .desc br{
		display:none;
	}
	.main_title_group .view_more{
		margin-top:3rem;
	}
}

@media(max-width:991.98px){
	#main_container{
		margin-top: -8.5rem;
	}
}
@media(max-width:767.98px){
	h3.main_title{
		font-size:3.8rem;
	}
	.main_title_group .desc{
		font-size:2rem;
	}
}
@media(max-width:575.98px){
	#main_container{
		margin-top: 0;
	}
}



/*sec_banner*/
.sec_banner .item{
	display:block;
}
.sec_banner .item .thumb{
	padding-top:100%;
	overflow:hidden;
	position:relative;
}
.sec_banner .item .thumb span{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-size:cover;
	background-position:center center;
	transition:all .5s;
}
.sec_banner .item:hover .thumb span{
	transform: scale(1.15);
}


.sec_banner .item h4{
	font-size:2.6rem;
	margin-top:3rem;
}
.sec_banner .item h4 small{
	color:#666;
	font-weight:300;
	font-size:.7em;
	display:block;
	margin-top:1rem;
}

.sec_banner .mySwiper {
	padding-bottom: 2rem;
}
.sec_banner .swiper-scrollbar{
	bottom: 0 !important;
	height: 5px !important;
}
.sec_banner .swiper-scrollbar-drag{
	background: #5e40d6;
}
@media(max-width:576.98px){
	.sec_banner .item h4{
		font-size:2.3rem;
	}
}




/*sec_seller*/
.sec_seller{}
.sec_seller .rows{
	display:flex;
}
.sec_seller .rows .main_title_group{
	width:32rem;
	flex-shrink: 0;
	padding-top:5rem;
}
.sec_seller .rows .seller_container{
	width:calc(100% - 32rem);
}
.sec_seller .rows .seller_container .seller_type{
	margin-bottom:3rem;
}
.sec_seller .rows .seller_container .seller_type ul{
	list-style:none;
	padding:0;
	display:flex;
	justify-content: flex-end;
	gap:0 5px;
}

.sec_seller .rows .seller_container .seller_type ul a{
	background:#fff;
	font-size:1.6rem;
	font-weight:600;
	display:flex;
	align-items: center;
	justify-content: center;
	width:4rem;
	height:4rem;
	border-radius:4rem;
	transition:all .3s;
}
.sec_seller .rows .seller_container .seller_type ul a span{
	width:0%;
	min-width:0px;
	overflow:hidden;
	transition:all .3s;
	color:#fff;
	font-weight:400;
	white-space: nowrap;
}
.sec_seller .rows .seller_container .seller_type ul a.is-active{
	background:#222;
	color:#fff;
	width:auto;
	padding-left:2rem;
	padding-right:2rem;
}
.sec_seller .rows .seller_container .seller_type ul a.is-active span{
	min-width:auto;
	padding-left:10px;
	min-width:84px;
}
.sec_seller .rows .seller_container .seller_type ul li:nth-child(2) a.is-active span{
	min-width:55px;
}
.sec_seller .rows .seller_container .seller_type ul li:nth-child(3) a.is-active span{
	min-width:95px;
}
.sec_seller .rows .seller_container .seller_type ul li:nth-child(4) a.is-active span{
	min-width:124px;
}
.sec_seller .rows .seller_container .type_list{
	overflow:hidden;
}
.sec_seller .rows .seller_container .type_list:not(.type_list1){
	display:none;
}
.sec_seller .rows .seller_container .type_list .swiper-slide{
	position:relative;
}
.sec_seller .rows .seller_container .type_list .swiper-slide .wish{
	position:absolute;
	left:3rem;
	top:3rem;
	border:none;
	outline: none;
	width:2.8rem;
	height:2.9rem;
	background:url(../_img/icon/icon_wish.png) no-repeat center bottom / 2.8rem auto;
	z-index:4;
}
.sec_seller .rows .seller_container .type_list .swiper-slide .wish::after{
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:0;
	background:url(../_img/icon/icon_wish_on.png) no-repeat center bottom / 2.8rem auto;
	transition:all .4s;
}
.sec_seller .rows .seller_container .type_list .swiper-slide .wish.is-wish::after{
	height:100%;
}

.sec_seller .rows .seller_container .type_list .thumb{
	padding-top:100%;
	background-position:center center;
	position:relative;
	background-size:cover;
}
.sec_seller .rows .seller_container .type_list .thumb::after,
.sec_seller .rows .seller_container .type_list .thumb::before{
	content:"";
	position:absolute;
	width:0;
	height:0;
	z-index:2;
	opacity:0;
	transition:all .5s ease;
}
.sec_seller .rows .seller_container .type_list .thumb::after{
	border-top:3px solid #000;
	border-left:3px solid #000;
	left:0;
	top:0;
}
.sec_seller .rows .seller_container .type_list .thumb::before{
	border-bottom:3px solid #000;
	border-right:3px solid #000;
	right:0;
	bottom:0;
}
.sec_seller .rows .seller_container .type_list .item:hover .thumb::after,
.sec_seller .rows .seller_container .type_list .item:hover .thumb::before{
	width:100%;
	height:100%;
	opacity:1;
}


.sec_seller .rows .seller_container .type_list h4{
	font-size:2.6rem;
	margin-bottom:1.5rem;
	margin-top:2rem;
}
.sec_seller .rows .seller_container .type_list .hashtag{
	font-size:1.6rem;
	color:#666;
	display:flex;
	flex-wrap:wrap;
	gap: 3px 15px;
	font-weight:300;
	letter-spacing: -0.02em;
}

@media(max-width:1440px){
	.sec_seller .rows .seller_container .type_list .thumb{
		background-size:cover;
	}
}
@media(max-width:1199.98px){
	.sec_seller .rows{
		display:block;
	}
	.sec_seller .rows .main_title_group{
		width:100%;
		text-align:center;
	}
	.sec_seller .rows .main_title_group h3.main_title,
	.sec_seller .rows .main_title_group .view_more{
		justify-content: center;
	}
	.sec_seller .rows .seller_container{
		width:100%;
	}
	.sec_seller .rows .seller_container .seller_type ul{
		justify-content: center;
		margin-top:3rem;
	}
}

@media(max-width:991.98px){
	.sec_seller .rows .seller_container .type_list h4{
		font-size:2.2rem;
	}
	.sec_seller .rows .seller_container .type_list .hashtag{
		font-size:1.5rem;
		gap: 3px 10px;
	}
}
@media(max-width:767.98px){
	.sec_seller .rows .main_title_group{
		padding-top:0rem;
	}
}






/*sec_type*/
.sec_type{}
.sec_type .type_list{
	margin-bottom:3rem;
}
@media(min-width:992px){
	.sec_type .type_list .swiper-wrapper{
		justify-content: center;
	}
}
.sec_type .type_list .swiper-slide{
	width:auto;
	font-size:1.8rem;
	text-align:center;
}
.sec_type .type_list .swiper-slide a{
	color:#666;
	display:inline-block;
}
.sec_type .type_list .swiper-slide a.is-active{
	color:#222;
	border-bottom:2px solid #222;
	font-weight:500;
}
.sec_type  .type_contents{
	display:flex;
}
.sec_type  .type_contents > div{
	width:calc(100%/2);
	
}
.sec_type  .type_contents .concept_photo > div{
	padding-top:100%;
	
	overflow:hidden;
	position:relative;
}
.sec_type  .type_contents .concept_photo > div > p{
	position:absolute;
	background-size:cover;
	width:100%;
	height:100%;
	top:0;
	left:-100%;
	transition:all .5s ease 1s;
	
}
.sec_type  .type_contents .concept_photo > div > p.is-active{
	left:0;
	z-index:2;
	transition:all 1s ease;
}


.sec_type  .type_contents .product_list{
	position:relative;
}
.sec_type  .type_contents .product_list > div:not(.product_list_box1){
	display:none
}


.sec_type  .type_contents .product_list .item{
	display:block;
	position:relative;
	padding-top:100%;
	background-size:cover;
	background-position:center center;
}
.sec_type  .type_contents .product_list .item .explanation{
	position:absolute;
	left:0;
	top:10%;
	width:100%;
	padding:1rem;
	text-align:center;
}
.sec_type  .type_contents .product_list .item .explanation dt{
	font-size:3.6rem;
	margin-bottom:3rem;
}
.sec_type  .type_contents .product_list .item .explanation dd{
	font-size:1.7rem;
	color:#444;
}
.sec_type  .type_contents .product_list .controller{
	position:absolute;
	z-index:10;
	left:0;
	bottom:6%;
	width:100%;
	display:flex;
	justify-content: center;
	align-items: center;
}
.sec_type  .type_contents .product_list .controller .type-pagination{
	display:flex;
	justify-content: center;
	align-items: center;
	gap:2rem;
	width:auto;
}
.sec_type  .type_contents .product_list .controller .type-pagination .swiper-pagination-bullet{
	background:#222222;
	width:6px;
	height:6px;
	opacity:1;
	position:relative;
}
.sec_type  .type_contents .product_list .controller .type-pagination .swiper-pagination-bullet-active::before{
	content:"";
	position:absolute;
	width:16px;
	height:16px;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
	border:1px solid #999;
	border-radius:100%;
}
.sec_type  .type_contents .product_list .controller .play_stop{
	font-size:1.8rem;
	margin-left:2rem;
}
.sec_type  .type_contents .product_list .controller .play_stop a{
	display:flex;
}
@media(max-width:1199.98px){
	.sec_type .type_contents .product_list .item .explanation dt{
		font-size:3.2rem;
		margin-bottom:2rem;
	}
	.sec_type .type_contents .product_list .item .explanation dd{
		font-size:1.6rem;
	}
}
@media(max-width:991.98px){
	.sec_type .type_contents > div{
		width:100%;
	}
	.sec_type .type_contents .concept_photo{
		display:none;
	}
}
@media(max-width:767.98px){
	.sec_type .type_contents .product_list .item .explanation dt{
		font-size:2.8rem;
	}
}
@media(max-width:576.98px){
	.sec_type .type_contents .product_list .item .explanation{
		top:7%;
		padding:0 1rem;
	}
	.sec_type .type_contents .product_list .item .explanation dt{
		font-size:2.2rem;
		margin-bottom:1rem;
	}
	.sec_type .type_contents .product_list .item .explanation dd{
		font-size:1.5rem;
	}
}


/*sec_video*/
.sec_video{
	position:Relative;
}
/* .sec_video > .container{
	padding:0 15px;
	max-width:1630px;
} */
/* .sec_video .video_box{
	padding-top:56.25%;
	position:relative;
	z-index:5;
}
.sec_video .video_box iframe{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
} */
/* .sec_video .text_ani{
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	width:100%;
	font-size:6.4rem;
	white-space: nowrap;
	font-weight:600;
}
.sec_video .text_ani > div{
	opacity:.3;
}
.sec_video .text_ani > div:nth-child(1){
	animation: text_ani2 15s linear infinite;
	margin-left:-50%;
}
.sec_video .text_ani > div:nth-child(2){
	opacity:1;
	animation: text_ani 10s linear infinite;
}
.sec_video .text_ani > div:nth-child(3){
	margin-left:-50%;
	animation: text_ani2 20s linear infinite;
} */

/* 0103 수정 */
.sec_video .rows{
	display: flex;
}
.sec_video .rows .main_title_group{
	width: 32rem;
}
.sec_video .rows .video_box{
	position: relative;
	padding-top:44.25%;
	width: calc(100% - 32rem);
}
.sec_video .rows .video_box iframe{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
@media (max-width: 1199.98px){
	.sec_video .rows {
    display: block;
	}
	.sec_video .rows .main_title_group ,
	.sec_video .rows .video_box {
    width: 100%;
    text-align: center;
	}
	.sec_video .rows .video_box{
		padding-top: 56%;
	}
	.sec_video .rows .main_title_group h3.main_title ,
	.sec_video .rows .main_title_group .view_more {
		justify-content: center;
	}
	.sec_video .rows .main_title_group h3.main_title{
		margin-bottom: 3rem;
	}
	.sec_video .rows .main_title_group .view_more,
	.sec_video .rows .video_box{
		margin-top: 3rem;
	}
}
/* @media(max-width:576.98px){
	.sec_video .text_ani{
		font-size:5rem;
	}
} */



@keyframes text_ani{
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-36.88%);
	}
}
@keyframes text_ani2{
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(36.88%);
	}
}



/*sec_store*/
.sec_store{}
.sec_store::after{
	background:#715acc;
}

.sec_store a{
	position:relative;
	overflow:hidden;
}
.sec_store a p.graphic{
	position:absolute;
	left:6rem;
	bottom:0;
}
.sec_store a p.graphic img{
	max-width:17.3rem;
}
.sec_store a p.title{
	display:flex;
	height:12rem;
	align-items: center;
	justify-content: center;
	color:#fff;
	font-size:2.2rem;
	font-weight:300;
	gap:0 2rem;
}
.sec_store a p.title::before{
	content:"";
	height:1px;
	width:3.4rem;
	background:rgba(255,255,255,.6);
}
.sec_store a p.title strong{
	font-weight:600;
	order:-1;
}
.sec_store a p.btns{
	position:absolute;
	right:6rem;
	top:50%;
	transform:translateY(-50%);
	background:#543fa9;
	color:#fff;
	display:flex;
	justify-content: center;
	align-items: center;
	width:16rem;
	height:5rem;
	border-radius:4rem;
	font-size:1.5rem;
	gap:6px;
}

@media(max-width:1199.98px){
	.sec_store a p.title{
		flex-direction: column;
		font-size:2.2rem;
		gap:3px 2rem;
	}
	.sec_store a p.title::before{
		display:none;
	}
	.sec_store a p.graphic{
		left:0;
	}
	.sec_store a p.btns{
		right:0;
	}
}
@media(max-width:767.98px){
	.sec_store a{
		display:flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding-top:4rem;
	}
	.sec_store a p.title{
		height:auto;
	}
	.sec_store a p.graphic,
	.sec_store a p.btns{
		position:relative;
		transform: translateX(0);
	}
	.sec_store a p.btns{
		margin:3rem 0;
	}
	.sec_store a p.graphic{
		order:3;
	}
}
@media(max-width:576.98px){
	.sec_store a p.title{
		font-size:2rem;
	}
	.sec_store a p.btns{
		height:4rem;
	}
}



/*sec_instgram*/
.sec_instgram{}
.sec_instgram .rows{
	display:flex;
}
.sec_instgram .main_title_group{
	width:50rem;
}
.sec_instgram .main_title_group .main_title{
	display:block;
}
.sec_instgram .main_title_group .main_title i{
	display:block;
	margin-bottom:3rem;
}
.sec_instgram .main_title_group .main_title img{
	margin-left:0;
	width:6rem;
}

.sec_instgram .main_title_group .desc a{
	border-bottom:1px solid #666;
}
.sec_instgram .instagram_list_container{
	width:calc(100% - 50rem);
}
.sec_instgram .instagram_list{
	display:flex;
	flex-wrap:wrap;
	list-style:none;
	padding:0;
	justify-content: space-between;
}
.sec_instgram .instagram_list > li{
	width:calc(100%/3 - 1.2rem);
	margin-bottom:2.2rem;
}
.sec_instgram .instagram_list > li a{
	display:block;
	padding-top:100%;
	background-size:cover;
	background-position:center center;
	transition:all .4s;
}
.sec_instgram .instagram_list > li a:hover{
	box-shadow: 0px 0px 10px rgba(0,0,0,.3);
}

@media(max-width:1440px){
	.sec_instgram .main_title_group {
		width: 35rem;
	}
	.sec_instgram .instagram_list_container{
		width:calc(100% - 35rem)
	}
}
@media(max-width:1199px){
	.sec_instgram .rows{
		display:block;
	}
	.sec_instgram .main_title_group{
		text-align:center;
		width: 100%;
		margin-bottom:3rem;
	}
	.sec_instgram .main_title_group .main_title br{
		display:none;
	}
	.sec_instgram .main_title_group .main_title,
	.sec_instgram .main_title_group .main_title i{
		margin-bottom:1.5rem;
	}
	.sec_instgram .instagram_list_container{
		width:100%
	}
}
@media(max-width:767.98px){
	.sec_instgram .instagram_list > li{
		width:calc(100%/3 - .8rem);
		margin-bottom:1.4rem;
	}
}
@media(max-width:576.98px){
	.sec_instgram .main_title_group .main_title{
		font-size:3.2rem;
	}
	.sec_instgram .main_title_group .main_title img{
		width:4.4rem;
	}
}