@charset "utf-8";

/* 준비중 */
.ready-page{padding-bottom:120rem; border:3rem solid #f5f5f5;}

/* 비쥬얼 */
.visual-main{position:relative;}
.visual-main .visual-main__list{overflow:hidden; position:relative;}
.visual-main .visual-main__list .box{--sizeHig:960rem; display:block; position:relative; width:100%; min-height:var(--sizeHig);}
.visual-main .visual-main__list .box .img{display:flex; justify-content:center; height:var(--sizeHig);}
.visual-main .visual-main__list .box .mob{display:none; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.visual-main .visual-main__list .swiper_page{display:flex; align-items:center; gap:2rem; position:absolute; left:50%; top:310rem; bottom:auto; z-index:50; width:auto; transform:translateX(-50%);}
.visual-main .visual-main__list .swiper_page .swiper-pagination-bullet{opacity:1; display:flex; justify-content:center; align-items:center; width:20rem; height:20rem; box-sizing:border-box; background-color:transparent; border:1rem solid rgba(255, 255, 255, 0); border-radius:100%; transition:border 0.5s ease;}
.visual-main .visual-main__list .swiper_page .swiper-pagination-bullet:before{content:''; display:block; width:8rem; height:8rem; background-color:#fff; border-radius:100%;}
.visual-main .visual-main__list .swiper_page .swiper-pagination-bullet-active{border-color:white;}
.visual-main .visual-main__list .swiper-control button{display:none; position:absolute;}
@media screen and (min-width:1921px) {
  .visual-main .visual-main__list .box img{object-fit:cover; width:100%; height:100%;}
}
@media screen and (max-width:1400px) {
  .visual-main .visual-main__list .box img{object-fit:cover; width:100%; height:100%;}
}
@media screen and (max-width:1024px) {
  .visual-main .visual-main__list .box{--sizeHig:auto; aspect-ratio:1;}
  .visual-main .visual-main__list .box .mob{display:block;}
  .visual-main .visual-main__list .box img{object-fit:contain;}
  .visual-main .visual-main__list .swiper_page{top:auto; bottom:160rem;}
}
@media screen and (max-width:480px) {
  .visual-main .visual-main__list .swiper_page{bottom:60rem;}
  .visual-main .visual-main__list .swiper_page .swiper-pagination-bullet{width:10rem; height:10rem;}
  .visual-main .visual-main__list .swiper_page .swiper-pagination-bullet:before{width:5rem; height:5rem;}
}
.visual-main .obj-circle{--sizeWid:180rem; position:absolute; left:50%; bottom:calc((var(--sizeWid) / 2) * -1); z-index:30; width:var(--sizeWid); height:var(--sizeWid); background-color:var(--color-point); border-radius:100%; transform:translateX(-50%);}
.visual-main .obj-circle i{display:block; width:100%; height:100%; animation:circleMove 30s linear;}
.visual-main .obj-circle img{width:100%;}
@media screen and (max-width:480px) {
  .visual-main .obj-circle{--sizeWid:100rem;}
}

@keyframes circleMove{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}

/* 공통 */	  
[data-main]{padding:150rem 0;}
[data-main] h2{margin-bottom:50rem; font-family:var(--font-nanum); font-size:40rem; font-weight:700; letter-spacing:-1rem; text-align:center;}
[data-main] h2 strong{color:var(--color-point); font-weight:700;}

/* 슬라이드 컨트롤 */
[data-main] .swiper-control .swiper_page{display:flex; justify-content:center; align-items:center; width:auto; margin-top:35rem;}
[data-main] .swiper-pagination-bullet{opacity:1; width:12rem; height:12rem; box-sizing:border-box; background-color:#e6e6e6; border:1rem solid #d9d9d9; border-radius:100%;}
[data-main] .swiper-pagination-bullet-active{background-color:var(--color-point); border-color:var(--color-point);}
[data-main] .swiper-control button{opacity:0.3; position:absolute; top:50%; width:20rem; height:35rem; background:url(../images/shop/slide_btn_arrow.svg) no-repeat 50% 50%; background-size:100%; transition:opacity 0.3s ease 0s, background 0.3s;}
[data-main] .swiper-control button.swiper_prev{left:0;}
[data-main] .swiper-control button.swiper_next{right:0; transform:rotate(180deg);}
[data-main] .swiper-control button:hover{opacity:1;}

@media screen and (max-width:480px){
	[data-main]{padding:100rem 0;}
	[data-main] h2{margin-bottom:40rem; font-size:30rem;}
	[data-main] .swiper-pagination-bullet{width:10rem; height:10rem;}
} 

/* best items */
[data-main="best-product"] .inr_1260{position:relative;}
[data-main="best-product"] [data-shop-list="default"] button.interest-btn{display:none;}
[data-main="best-product"] [data-shop-list="default"] a{overflow:hidden;}
[data-main="best-product"] [data-shop-list="default"] div{opacity:0; justify-content:center; position:absolute; bottom:0; left:0; width:100%; box-sizing:border-box; padding:30rem 0; background-color:rgba(0,0,0,0.6); color:#fff; transform:translateY(50%); transition:0.5s ease 0s; transition-property:opacity, transform;}
[data-main="best-product"] [data-shop-list="default"] komall-discount{display:none;}
[data-main="best-product"] [data-shop-list="default"] strong,
[data-main="best-product"] [data-shop-list="default"] komall-description{text-align:center;}
[data-main="best-product"] [data-shop-list="default"] strong{margin-top:0;}
[data-main="best-product"] [data-shop-list="default"] komall-priceSale{opacity:0.6; font-weight:500;}
[data-main="best-product"] [data-shop-list="default"] [data-shop-icon="icon"]{display:none;}
	/* hover */
[data-main="best-product"] [data-shop-list="default"] a:hover div{opacity:1; transform:translateY(0%);}
	/* best items - slide custom */
[data-main="best-product"] .swiper-control button.swiper_prev{left:-30rem; transform:translateY(calc(-50% + 20rem));}
[data-main="best-product"] .swiper-control button.swiper_next{right:-30rem; transform:translateY(calc(-50% + 20rem)) rotate(180deg);}
	/* best items - 반응형 */
@media screen and (max-width:1300px){
	[data-main="best-product"] .swiper-control button{display:none;}
}
@media screen and (max-width:1024px){
	[data-main="best-product"] [data-shop-list="default"] div{all:revert-layer; opacity:1; display:flex; flex-wrap:wrap; justify-content:center; position:static; margin-top:20rem; transform:translateY(0);}
}
@media screen and (max-width:480px){
	[data-main="best-product"] [data-shop-list="default"] komall-price, 
	[data-main="best-product"] [data-shop-list="default"] komall-priceSale{flex:inherit;}
	[data-main="best-product"] [data-shop-list="default"] komall-price{margin-top:15rem;}
}

/* new items */
[data-main="new-product"]{background-color:#f2ebe4;}

/* 게시판 */
:is([data-main="news"], [data-main="gallery"]) [class*="inr_"]{position:relative;}
:is([data-main="news"], [data-main="gallery"]) .more-btn{display:inline-flex; align-items:center; gap:5rem; position:absolute; right:20rem; top:10rem; font-size:14rem; color:#999;}
:is([data-main="news"], [data-main="gallery"]) .more-btn i{font-size:17rem;}
:is([data-main="news"], [data-main="gallery"]) .none_data{padding:40rem 20rem; background-color:#f6f6f6; border-width:0; color:#999;}
[data-main="gallery"]{padding-top:0 !important;}
[data-main="gallery"] .list{display:grid; grid-template-columns:repeat(3, 1fr); gap:30rem;}
[data-main="gallery"] .list a{display:block;}
[data-main="gallery"] .list .image{overflow:hidden;}
[data-main="gallery"] .list .image img{max-width:100%;}
[data-main="gallery"] .list strong{display:block; margin-top:15rem; font-weight:500; font-size:18rem;}
[data-main="gallery"] .list p{margin-top:10rem; display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; color:#666;}
	/* 게시판 - 반응형 */
@media screen and (max-width:768px){
	[data-main="gallery"] .list{grid-template-columns:repeat(2, 1fr);}
}
@media screen and (max-width:480px){
	:is([data-main="news"], [data-main="gallery"]) .more-btn{position:relative; top:auto; left:50%; margin-top:30rem; text-align:center; transform:translateX(-50%);}
	[data-main="gallery"] .list{grid-template-columns:repeat(1, 1fr);}
}

/* 상품 */	 
[data-main="product"]{padding-top:180rem; padding-bottom:0 !important;}
[data-main="product"] .inr_1462{position:relative;}
[data-main="product"] [data-shop-list="default"]{gap:0;}
[data-main="product"] .swiper-control .swiper_page{display:none;}
[data-main="product"] .swiper-control button{--sizeWid:80rem; opacity:1; top:240rem; width:var(--sizeWid); height:var(--sizeWid); border-radius:4rem 0 0 4rem; background-color:rgba(0,0,0,0.2); background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19.41 35.99'%3E%3Cpolygon fill-rule='evenodd' fill='%23fff' points='19.41 1.41 18 0 1.42 16.58 1.41 16.57 0 17.99 0.01 17.99 0 18 1.41 19.41 1.42 19.41 18 35.99 19.41 34.57 2.83 17.99 19.41 1.41'/%3E%3C/svg%3E"); background-size:14rem 24rem; transform:translateY(0);}
[data-main="product"] .swiper-control button.swiper_prev{left:calc((var(--sizeWid) - 20rem) * -1);}
[data-main="product"] .swiper-control button.swiper_next{right:calc((var(--sizeWid) - 20rem) * -1);}
[data-main="product"] .swiper-control button:hover{background-color:rgba(0,0,0,0.5);}

@media screen and (max-width:1660px){
	[data-main="product"] .swiper-control button.swiper_prev,
	[data-main="product"] .swiper-control button.swiper_next{display:none;}
	[data-main="product"] .swiper-control .swiper_page{display:flex;}
}
@media screen and (max-width:480px){
	[data-main="product"] {padding-top:100rem;}
}


/* 고객센터 */
[data-main="center"]{
	.title-section{display:flex; align-items:flex-end; gap:10rem 30rem; margin-bottom:40rem;}
	.title-section h2{margin-bottom:0;}
	.title-section p{font-size:18rem; color:#a6a6a6; font-weight:300;}
	
	.list-center{
		&{display:grid; grid-template-columns:repeat(3, 1fr); gap:30rem;}
		[data-center]{display:flex; flex-direction:column; justify-content:center; align-items:center; min-height:250rem; background-color:var(--color-point); border-radius:15rem; color:#fff; font-size:20rem; text-align:center;}
		[data-center] p{font-weight:300;}
		[data-center] strong{display:block; margin-bottom:5rem; font-weight:500;}
		[data-center]:not([data-center="tel"]) em{display:block; margin-bottom:30rem; color:#e1ccb1; font-weight:600;}
		
		[data-center="tel"] span i{display:block; margin:3rem 0;}
		[data-center="tel"] em{color:#e1ccb1; font-weight:300;}
		[data-center="tel"] a{display:inline-flex; align-items:center; gap:20rem; margin-bottom:25rem; font-size:32rem; font-weight:700;}
		[data-center="tel"] a i{display:flex; justify-content:center; align-items:center; width:34rem; height:34rem; background:#e1ccb1; border-radius:100%; color:var(--color-point); font-size:23rem;}
		
		[data-center="counsel"]{background-color:#fbf3e8;}
		[data-center="counsel"] em{color:#c4a587;}
		[data-center="counsel"] p{color:#965a0e;}
	}
	
	@media screen and (max-width:1024px){
		&{padding-top:120rem;}
		.title-section{flex-direction:column; justify-content:center; align-items:center;}
		.list-center{
			&{gap:30rem 20rem;}
			[data-center="tel"] a{gap:10rem; font-size:28rem;}
		}
	}
	@media screen and (max-width:768px){
		.list-center{
			&{display:grid; grid-template-columns:repeat(2, 1fr); gap:20rem;}
			[data-center]{min-height:200rem;}
			[data-center="counsel"]{grid-column:1/3;}
		}
	}
	@media screen and (max-width:480px){
		.list-center{
			&{grid-template-columns:1fr;}
			[data-center]{min-height:170rem; font-size:18rem;}
			[data-center="counsel"]{grid-column:1;}
			[data-center="tel"] a{font-size:25rem;}
		}
	}
}