@charset "utf-8";

/*========================================================================
메인 레이아웃
========================================================================*/
.body-main #wrap::before { border-bottom:0; }
.body-main #container { padding:0 0 100px; }
.body-main #contents { max-width:100%; padding:0; }
.body-main .side-floating { display:none; }

/* 뒤로가기 */
body #contents .back-btn { display:none; }

.main-inner { position:relative; max-width:1600px; width:100%; margin:0 auto; padding:0 5px; box-sizing:border-box; }
.main-inner::after { content:""; display:block; clear:both; }

.pc-img { display:block; }
.mo-img { display:none; }


/*========================================================================
메인 영역
========================================================================*/
/* 메인 비주얼 */
.main-visual { display:flex; justify-content:center; position:relative; overflow-x:clip; max-width:1600px; width:100%; padding:0 5px; margin:0 auto; box-sizing:border-box; }
.main-visual .visual-slider { position:relative; max-width:1260px; width:71.6%; border-radius:15px; overflow:hidden; }
.main-visual .swiper-slide { position:relative; overflow:hidden; }
.main-visual .swiper-slide img { width:100%; }
.visual-slider .swiper-slide img { filter:blur(10px); transform:scale(1.1) rotate(0.002deg); transition:all 1s cubic-bezier(0.215,0.61,0.355,1); }
.visual-slider .swiper-slide.swiper-slide-active img { filter:blur(0); transform:scale(1) rotate(0.002deg); }
/* 페이져 */
.main-visual .swiper-pagination { position:absolute; bottom:30px; left:auto; right:30px; width:auto; }
.main-visual .swiper-pagination > span.swiper-pagination-bullet { width:10px; height:10px; padding:0; background:#fff; border-radius:10px; opacity:1; transition:width .3s ease; }
.main-visual .swiper-pagination > span.swiper-pagination-bullet-active { width:30px; background:var(--point-color); }

/* 비주얼 타이틀 */
.visual-title { position:absolute; top:50%; left:90px; transform:translateY(-50%); color:#ffffff; text-align:left; }
.visual-title span { display:block; font-size:16px; font-weight:500; }
.visual-title span::before { content:""; display:inline-block; vertical-align:middle; width:30px; height:1px; margin:0 10px 0 0; background:#fff; }
.visual-title h3 { margin:25px 0 0; font-size:56px; font-weight:700; line-height:1.1; letter-spacing:-1px; }
.visual-title p { margin:40px 0 0; font-size:18px; font-weight:300; line-height:1.35; }
.visual-title strong { display:block; position:relative; width:120px; height:46px; line-height:46px; margin:40px 0 0; color:var(--basic-color); font-size:16px; font-weight:500; background:#fff; border-radius:46px; text-align:center; }
.visual-title strong em { position:absolute; top:50%; right:-17px; transform:translateY(-50%); width:34px; height:34px; font-size:0; border:1px solid #e2e2e2; border-radius:50%; border-color:var(--point-color); background:var(--point-color) url("../img/main_visual_arr.png") no-repeat 50%; }
.visual-title.white { color:#000000; }
.visual-title.white span::before { background:#000000; }

/* 비주얼 타이틀 모션 */
.main-visual .visual-title > *,
.main-visual .visual-title > * > * { opacity:0; }
.main-visual .swiper-slide-active .visual-title > *,
.main-visual .swiper-slide-active .visual-title > * > * { backface-visibility:hidden; animation:TransXL .65s ease-out both; }
.main-visual .swiper-slide-active .visual-title > *:first-child { animation-delay:0s; }
.main-visual .swiper-slide-active .visual-title > *:nth-child(2) { animation-delay:0.2s; }
.main-visual .swiper-slide-active .visual-title > *:nth-child(3) > *:first-child { animation-delay:0.4s; }
.main-visual .swiper-slide-active .visual-title > *:nth-child(3) > *:nth-child(2) { animation-delay:0.6s; }

/* 비주얼 우측 이벤트 */
.main-visual .visual-right { display:flex; flex-direction:column; justify-content:space-evenly; max-width:500px; width:28.4%; padding:0 0 0 2%; box-sizing:border-box; }
.visual-right h3 { display:flex; justify-content:space-between; align-items:center; padding-bottom:4%; color:var(--basic-color); font-size:28px; font-weight:700; border-bottom:1px solid #e5e5e5; }
.visual-right h3 a { color:#a8a8a8; font-size:16px; font-weight:300; }
.visual-right ul { display:flex; flex-direction:column; justify-content:space-between; height:80%; }
.visual-right ul li a { display:flex; justify-content:space-between; align-items:center; padding:2.665% 5.33% 2.665% 2.665%; border-radius:15px; overflow:hidden; box-sizing:border-box; }
.visual-right ul li div { display:flex; align-items:center; width:calc(100% - (36px + 5.33%)); }
.visual-right ul li div > span { display:block; position:relative; width:21.95%; height:0; padding-top:21.95%; border-radius:10px; overflow:hidden; }
.visual-right ul li div > span img { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; }
.visual-right ul li p { display:flex; flex-direction:column; padding:0 0 0 5%; color:#525252; font-size:16px; font-weight:400; line-height:1.5; }
.visual-right ul li p strong { color:#191919; font-size:19px; font-weight:400; }
.visual-right ul li em { display:block; position:relative; width:34px; height:34px; font-size:0; background:url("../img/main_visual_arr_off.png") no-repeat 50%; background-size:13px auto; border:1px solid #e2e2e2; border-radius:50%; transition:all .3s ease; }
/* 오버 */
.visual-right ul li a:hover { box-shadow:5px 5px 12px rgba(48,48,48,.1);}
.visual-right ul li a:hover em { border-color:var(--point-color); background-color:var(--point-color); background-image:url("../img/main_visual_arr.png"); }

/* 모션 */
.visual-right > h3,
.visual-right ul > li { opacity:0; backface-visibility:hidden; animation:TransXL .6s ease-out both; }
.visual-right > h3 { animation-delay:0.1s; }
.visual-right ul > li:first-child { animation-delay:0.35s; }
.visual-right ul > li:nth-child(2) { animation-delay:0.6s; }
.visual-right ul > li:nth-child(3) { animation-delay:0.85s; }
.visual-right ul > li:nth-child(4) { animation-delay:1.1s; }


/* 메인 타이틀 */
#main .goods_list_tit { display:none; }
.main-wrap .title { margin:0 0 35px; line-height:1; }
.main-wrap .title h2 { display:flex; justify-content:space-between; align-items:center; color:#000000; font-size:38px; font-weight:700; }
.main-wrap .title h2 a { color:#a8a8a8; font-size:16px; font-weight:300; }

/* box 간격 */
.main-box { padding:100px 0 0; }
.main-box2 { padding:100px 0 0; }
.main-box3 { padding:95px 0 0; }
.main-box4 { padding:100px 0 0; }
.main-box5 { padding:95px 0 0; }
.main-box6 { padding:95px 0 0; }

/* 인기상품 - 탭진열 */
.main-prd-tab1 .tab-top { display:flex; justify-content:space-between; }
.main-prd-tab1 .tab-top > .title { display:flex; gap:40px; text-wrap: nowrap; }
/* 탭 */
.main-prd-tab1 .goods_tab_tit { width:100%; }
.main-prd-tab1 .goods_tab_tit ul { display:flex; gap:12px; }
.main-prd-tab1 .goods_tab_tit li { width:auto !important; height:34px; line-height:31px; padding:0; border:2px solid transparent; border-radius:34px; cursor:pointer; box-sizing:border-box; overflow:hidden; }
.main-prd-tab1 .goods_tab_tit li a { padding:0 23px; color:#000000; font-size:18px; font-weight:400; border:0; }
.main-prd-tab1 .goods_tab_tit li.on { width:auto !important; border:0; border:2px solid var(--point-color); }
.main-prd-tab1 .goods_tab_tit li.on a { color:var(--point-color); font-weight:700; border:0; }
/* 제어 버튼 */
.main-prd-tab1 .slide-control { display:flex; gap:10px; }
.main-prd-tab1 .slide-control > span { display:block; width:34px; height:34px; font-size:0; cursor:pointer; }
.main-prd-tab1 .slide-control .tab-prev { background:url("../img/main_prev_btn.png") no-repeat; }
.main-prd-tab1 .slide-control .tab-next { background:url("../img/main_next_btn.png") no-repeat; }
/* 배너 */
.main-prd-tab1 .goods_list_cont .tab-left { width:clamp(208px,16.7vw,320px); }
.main-prd-tab1 .goods_list_cont .tab-left ul { position:relative; width:100%; height:100%; }
.main-prd-tab1 .goods_list_cont .tab-left li { display:none; }
.main-prd-tab1 .goods_list_cont .tab-left img { width:100%; border-radius:15px; opacity:0; transition:all 0.3s ease; }
.main-prd-tab1 .goods_list_cont .tab-left li.on { display:block; }
.main-prd-tab1 .goods_list_cont .tab-left li.on img { opacity:1; }
/* 상품 */
.main-prd-tab1 .goods_list_cont .goods_tab_cont { width:calc(100% - clamp(208px,16.7vw,320px)); }
.main-prd-tab1 .goods_list_cont > div { display:flex; flex-wrap: wrap; }
.main-prd-tab1 .goods_list_cont .goods_tab_box > ul > li { padding: 0 0 0 40px; box-sizing: border-box; }
.main-prd-tab1 .item_cont { padding:0; }

/* 기획전 */
.main-bn-slide { overflow:hidden; }
.main-bn-slide .swiper-container { overflow:visible; }
.main-bn-slide .service-conts-wrap .swiper-wrapper { display:flex; }
.main-bn-slide .service-conts-wrap .swiper-slide { position:relative; width:clamp(360px,30.5vw,540px); border-radius:15px; overflow:hidden; }
.main-bn-slide .service-conts-wrap .swiper-slide em { position:absolute; bottom:10px; right:10px; width:34px; height:34px; font-size:0; border:1px solid #e2e2e2; border-radius:50%; border-color:var(--point-color); background:var(--point-color) url("/_dbook/img/more_arr_white.png") no-repeat 50%; }
.main-bn-slide .service-conts-wrap .swiper-slide img { width:100%; }

/* 랭킹 - 리스트그룹형 */
.main-prd1 .goods_list_cont > div { display:flex; gap:50px; }
.main-prd1 .goods_list_cont > div > div { display:flex; gap:50px; width:calc((100% - 50px) / 2); }
.main-prd1 .goods_list_cont > div > div > ul { display:flex; flex-direction:column; gap:40px; width:calc((100% - 50px) / 2); min-width:0; margin:0; }
.main-prd1 .goods_list_cont > div > div > ul > li { position:relative; display:flex; align-items:center; margin:0; padding-left:40px; box-sizing: border-box; }
.main-prd1 .goods_list_cont > div > div > ul > li::before { content:attr(data-index); position:absolute; top:50%; left:0; transform:translateY(-50%); color:var(--basic-color); font-size:24px; font-weight:500; } 
.main-prd1 .goods_list_cont > div > div > ul > li .item_cont { display:block !important; width:100%; }
.main-prd1 .goods_list_cont > div > div > ul > li .item_cont a { display:flex; width:100%; margin:0; }
.main-prd1 .goods_list_cont > div > div > ul > li .item_photo_box { display:block !important; width:80px; } 
.main-prd1 .goods_list_cont > div > div > ul > li .item_photo_box img { border:0; width:100%; }
.main-prd1 .goods_list_cont > div > div > ul > li .item_info_cont { display:block !important; width:calc(100% - 80px); margin:0; padding:0 0 0 20px; box-sizing:border-box; }
.main-prd1 .goods_list_cont > div > div > ul > li .item_tit_box .item_name { display:block; width:100%; min-height:0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.main-prd1 .prd-btn-box,
.main-prd1 .item_icon_box { display:none; }

/* MD추천 - 탭진열 */
.main-prd-tab2 .tab-top > .title { display:flex; gap:40px; text-wrap: nowrap; }
/* 탭 */
.main-prd-tab2 .goods_tab_tit ul { display:flex; gap:12px; }
.main-prd-tab2 .goods_tab_tit li { width:auto !important; height:34px; line-height:31px; padding:0; border:2px solid transparent; border-radius:34px; cursor:pointer; box-sizing:border-box; overflow:hidden; }
.main-prd-tab2 .goods_tab_tit li a { padding:0 23px; color:#000000; font-size:18px; font-weight:400; border:0; }
.main-prd-tab2 .goods_tab_tit li.on { width:auto !important; border:0; border:2px solid var(--point-color); }
.main-prd-tab2 .goods_tab_tit li.on a { color:var(--point-color); font-weight:700; border:0; }
/* 상품 */
.main-prd-tab2 .item_cont { padding:0; }

/* 컬래버레이션 */
.main-bn-rolling { position:relative; overflow-x:clip; }
.main-bn-rolling .title h2 { display:flex; justify-content:space-between; align-items:center; font-size:36px; }
.main-bn-rolling .bn-rolling { display:flex; align-items:center; max-width:1600px; height:100%; margin:0 auto; padding-left:5px; box-sizing:border-box; }
.main-bn-rolling .bn-rolling .rolling-left { max-width:640px; width:38.5542%; padding:0 7.3% 0 0; box-sizing:border-box; opacity:0; transform:translateX(-60px); }
.main-bn-rolling.active .bn-rolling .rolling-left { animation: TransXR 1s forwards; }
.main-bn-rolling .bn-rolling .rolling-right { max-width:1020px; width:61.4578%; }
.main-bn-rolling .bn-rolling .swiper-container { opacity:0; transform:translateX(60px); }
.main-bn-rolling.active .bn-rolling .swiper-container { animation: TransXL 1s forwards; }
.main-bn-rolling .bn-rolling .swiper-container .swiper-slide { width:100%; }
.main-bn-rolling .bn-rolling .swiper-container .swiper-slide img { width:100%; }
.main-bn-rolling .bn-rolling .swiper-container .swiper-slide .tit { display:none; }

.main-bn-rolling .bn-rolling .rolling-template li { display:flex; justify-content:space-between; align-items:center; width:auto; height:auto; padding:20px 0; border-top:1px solid #e0e0e0; background:none; border-radius:0; opacity:1; cursor:pointer; }
.main-bn-rolling .bn-rolling .rolling-template li:first-child { border-top:0; }
.main-bn-rolling .bn-rolling .rolling-template li > div { display:flex; align-items:center; width:calc(100% - 34px); }
.main-bn-rolling .bn-rolling .rolling-template li span { display:block; width:60px; border-radius:10px; overflow:hidden; }
.main-bn-rolling .bn-rolling .rolling-template li p { width:calc(100% - 70px); padding:0 0 0 20px; color:#000; font-size:18px; font-weight:500; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.main-bn-rolling .bn-rolling .rolling-template li em { display:block; position:relative; width:34px; height:34px; font-size:0; border:1px solid #e2e2e2; background:url("../img/more_arr_gray.png") no-repeat 50%; border-radius:50%; transition:all .3s ease; }
/* 액티브 */
.main-bn-rolling .bn-rolling .rolling-template li.swiper-pagination-bullet-active em { border-color:var(--point-color); background-color:var(--point-color); background-image:url("../img/more_arr_white.png"); }

/* 신상품 - 상품이동형 */
.main-prd-slide1 { overflow:hidden; }
.main-prd-slide1 .main-inner > .title { display:flex; justify-content:space-between; }
.main-prd-slide1 .slick-slider,
.main-prd-slide1 .slick-slider .slick-list { overflow:visible; }
.main-prd-slide1 .goods_list { position:relative; }
.main-prd-slide1 .goods_list::before { content:""; position:absolute; top:0; right:100%; width:100%; height:100%; background:#fff; z-index:99; }
.main-prd-slide1 .goods_list_cont > div > ul { width:100%; margin:0; }
.main-prd-slide1 .goods_list_cont > div > ul > li { max-width:410px; }
.main-prd-slide1 .goods_list_cont .item_cont { padding:0; }
/* 버튼 */
.main-prd-slide1 .slide-control { display:none; }
.main-prd-slide1 .slide-control > span { display:inline-block; position:static; width:34px; height:34px; font-size:0; }
.main-prd-slide1 .slide-control .swiper-button-prev { background:url("../img/main_prev_btn.png") no-repeat; }
.main-prd-slide1 .slide-control .swiper-button-next { margin-left:7px; background:url("../img/main_next_btn.png") no-repeat; }

@media all and (max-width:1240px) {

	.main-inner { padding:0 20px; }

	/*=======================================
	메인 비주얼 - 1240px
	========================================*/
	.main-visual { flex-direction:column; padding:0 10px; }
	.main-visual .visual-slider { max-width:100%; width:100%; box-sizing:border-box; }
	.main-visual .visual-right { max-width:100%; width:100%; padding:0 40px; }
	.visual-right h3 { padding:20px 0 15px; margin:10px 0 10px; }
	.visual-right ul { flex-direction:row; flex-wrap:wrap; height:auto; }
	.visual-right ul li { width:50%; }


	/*=======================================
	메인 컨텐츠 - 1240px
	========================================*/
	/* 인기상품 */
	.main-prd-tab1 .tab-left,
	.main-prd-tab1 .tab-top .slide-control { display:none; }
	.main-prd-tab1 .goods_list_cont .goods_tab_box > ul > li { padding-left:0; }
	.main-prd-tab1 .goods_list_cont .goods_tab_cont { width:100%; overflow:hidden; }

	/* 랭킹 */
	.main-prd1 .goods_list_cont > div > div { flex-direction:column; gap:40px; }
	.main-prd1 .goods_list_cont > div > div > ul { width:calc(100% - 25px) }

	/* 컬래버레이션 */
	.main-bn-rolling .bn-rolling { flex-direction:column; align-items:flex-start; padding:0; }
	.main-bn-rolling .bn-rolling .rolling-left { max-width:100%; width:100%; padding:0; }
	.main-bn-rolling .bn-rolling .rolling-left .title { margin:0 20px 30px; }
	.main-bn-rolling .bn-rolling .rolling-template { display:flex; flex-wrap:wrap; padding:0 20px; box-sizing:border-box; }
	.main-bn-rolling .bn-rolling .rolling-template li { width:50%; padding:20px 2%; border-top:0; box-sizing:border-box; }
	.main-bn-rolling .bn-rolling .rolling-right { max-width:100%; width:100%; padding:0 20px; box-sizing:border-box; }
}

@media all and (max-width:768px) {

	/* pc & mo 보기 설정 */
	.pc-img { display:none; }
	.mo-img { display:block; }

	.body-main #header .header-wrap { border-bottom:0; }

	.main-inner { padding:0; }


	/*=======================================
	메인 비주얼 - 768px
	========================================*/
	.main-visual { padding:0; }
	.main-visual .visual-slider { padding:0 20px; }
	.main-visual .swiper-slide { }
	.visual-slider .swiper-container { padding-bottom:30px; }
	.visual-slider .swiper-container .swiper-wrapper { border-radius:15px; overflow:hidden; }
	.visual-slider .custom-swiper .swiper-pagination { bottom:0; left:0; right:0; width:100%; }
	.visual-slider .custom-swiper .swiper-pagination > span { width:6px; height:6px; margin:0 3px; background:#ebeaea; border-radius:6px; transition:width .3s ease; }
	.visual-slider .custom-swiper .swiper-pagination > span.swiper-pagination-bullet-active { width:16px; background:var(--point-color); }

	.visual-title { top:auto; bottom:25px; left:20px; right:30px; transform:translateY(0); } 
	.visual-title span { font-size:11px; }
	.visual-title h3 { margin-top:7px; font-size:28px; }
	.visual-title > div { display:flex; align-items:center; justify-content:space-between; width:100%; margin-top:7px; }
	.visual-title p { margin:0; font-size:11px; }
	.visual-title strong { width:70px; height:28px; line-height:28px; margin:0; font-size:11px; border-radius:28px; }
	.visual-title strong em { right:-13px; width:20px; height:20px; background-size:8px auto; }
	.main-visual .swiper-slide-active .visual-title > *,
	.main-visual .swiper-slide-active .visual-title > * > * { animation:TransYS .65s ease-out both; }

	.main-visual .visual-right { padding:0 20px; margin:40px 0 0; }
	.visual-right h3 { padding:0; margin:0 0 10px; font-size:20px; border-bottom:0; }
	.visual-right h3 a { font-size:12px; font-weight:400; }
	.visual-right ul li { width:100%; }
	.visual-right ul li a { padding:15px 0; }
	.visual-right ul li p { width:calc(100% - 50px); padding-left:20px; font-size:11px; line-height:1.4; box-sizing:border-box; }
	.visual-right ul li p strong { font-size:13px; font-weight:500; }
	.visual-right ul li div > span { width:50px; padding-top:50px; border-radius:5px; }
	.visual-right ul li em { width:20px; height:20px; background-image:url("../img/m/main_visua_arr_on.png"); background-size:8px auto; }
	.visual-right ul li:nth-child(n+2) { border-top:1px solid #e5e5e5; }


	/*=======================================
	메인 컨텐츠 - 768px
	========================================*/
	/* 메인 간격 */
	.main-box { padding:40px 0 0;}
	.main-box2 { padding:40px 0 0;}
	.main-box3 { padding:40px 0 0;}
	.main-box4 { padding:40px 0 0;}
	.main-box5 { padding:40px 0 0;}
	.main-box6 { padding:40px 0 0;}
	.main-box7 { padding:40px 0 0;}

	/* 메인 타이틀 */
	.main-wrap .title { margin:0; }
	.main-wrap .title h2 { margin:0 20px 20px; font-size:21px; }
	.main-wrap .title h2 a { font-size:12px; font-weight:400; }
	
	/* 인기상품 */
	.main-prd-tab1 .tab-top > .title { gap:unset; flex-direction:column; }
	.main-prd-tab1 .goods_tab_tit ul { flex-wrap:wrap; gap:5px; margin:0 20px; }
	.main-prd-tab1 .goods_tab_tit li { display:block; min-width:70px; height:30px; line-height:28px; border:1px solid #e0e0e0; border-radius:30px; text-align:center; }
	.main-prd-tab1 .goods_tab_tit li a { padding:0 20px; font-size:14px; font-weight:400; }
	.main-prd-tab1 .goods_tab_cont { width:100%; }
	.main-prd-tab1 .goods_tab_box ul { margin:20px 0 0 20px; }
	.main-prd-tab1 .goods_tab_box ul > li { width:auto; padding:0; }

	/* 기획전 */
	.main-bn-slide .service-conts-wrap .swiper-wrapper { margin-left:20px; }

	/* 랭킹 - 리스트그룹형 */
	.main-prd1 .goods_list_cont > div { padding:0 20px; box-sizing:border-box; }
	.main-prd1 .goods_list_cont > div > div { flex-direction:column; gap:10px; width:100%; }
	.main-prd1 .goods_list_cont > div > div:nth-child(n+2) { display:none; }
	.main-prd1 .goods_list_cont > div > div > ul { gap:10px; width:100%; }
	.main-prd1 .goods_list_cont > div > div > ul > li { flex-wrap:wrap; padding-left:0; position:relative; background:#fbfbfb; border:1px solid #e0e0e0; border-radius:8px; overflow:hidden; }
	.main-prd1 .goods_list_cont > div > div > ul > li::before { top:11px; left:15px; transform:translateY(0); color:var(--point-color); font-size:14px; font-weight:500; }
	.main-prd1 .goods_list_cont > div > div > ul > li > div { width:100%; }
	.main-prd1 .goods_list_cont > div > div > ul > li .name-box { position:relative; width:100%;padding:15px 35px 15px 30px; line-height:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box; cursor:pointer; text-align:left; }
	.main-prd1 .goods_list_cont > div > div > ul > li .name-box span { color:var(--basic-color) !important; font-size:13px !important; font-weight:500 !important; }
	.main-prd1 .goods_list_cont > div > div > ul > li .name-box::after { content:""; position:absolute; top:50%; right:16px; transform:translateY(-50%); width:11px; height:7px; background:url("../img/m/main_arr.png") 100% 50% no-repeat; background-size:11px auto; }
	.main-prd1 .goods_list_cont > div > div > ul > li.active .name-box::after { background-image:url("../img/m/main_arr_on.png"); }
	.main-prd1 .goods_list_cont > div > div > ul > li .item_cont { width:calc(100% - 30px); height:0; margin:0 15px; transition:height .3s; }
	.main-prd1 .goods_list_cont > div > div > ul > li.active .item_cont { height:80px; }
	.main-prd1 .goods_list_cont > div > div > ul > li .item_cont > a { padding:15px 0; border-top:1px solid #c4c3c3; }
	.main-prd1 .goods_list_cont > div > div > ul > li .item_photo_box { display:block; width:50px; }
	.main-prd1 .goods_list_cont > div > div > ul > li .item_photo_box img { width:100%; }
	.main-prd1 .goods_list_cont > div > div > ul .item_info_cont { width:calc(100% - 50px); padding:0 0 0 10px; line-height:1.3; box-sizing:border-box; }
	.main-prd1 .goods_list_cont > div > div > ul .item_info_cont .item_name { font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
	.main-prd1 .goods_list_cont > div > div > ul .item_info_cont .item_price { font-size:14px; font-weight:500; }
	.main-prd1 .goods_list_cont > div > div > ul .item_info_cont .fixed-price { display:inline-block; margin:0 0 0 3px; font-size:12px; }


	/* MD 추천 */
	.main-prd-tab2 .tab-top > .title { gap:unset; flex-direction:column; }
	.main-prd-tab2 .goods_tab_tit ul { flex-wrap:wrap; gap:5px; margin:0 20px; }
	.main-prd-tab2 .goods_tab_tit li { display:block; min-width:70px; height:30px; line-height:28px; border:1px solid #e0e0e0; border-radius:30px; text-align:center; }
	.main-prd-tab2 .goods_tab_tit li a { padding:0 20px; font-size:14px; font-weight:400; }
	.main-prd-tab2 .goods_tab_box ul { margin:20px 0 0 20px; }
	.main-prd-tab2 .goods_tab_box ul > li { width:auto; padding:0; }

	/* 컬래버레이션 */
	.main-bn-rolling .bn-rolling .rolling-left .title { margin:0; }
	.main-bn-rolling .bn-rolling .rolling-template { display:none; }
	.main-bn-rolling .bn-rolling .swiper-container { padding-bottom:30px; }
	.main-bn-rolling .bn-rolling .swiper-container .swiper-slide .tit .txt > span { display:none; }
	.main-bn-rolling .bn-rolling .swiper-container .swiper-slide .tit { display:flex;flex-wrap:wrap; justify-content:space-between; align-items:center; min-height:32px; margin:15px 5px 0 10px; }
	.main-bn-rolling .bn-rolling .swiper-container .swiper-slide .tit .txt { width:calc(100% - 70px); }
	.main-bn-rolling .bn-rolling .swiper-container .swiper-slide .tit p { color:var(--basic-color); font-size:14px; font-weight:500; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
	.main-bn-rolling .bn-rolling .swiper-container .swiper-slide .tit em { width:24px; height:24px; font-size:0; background:var(--point-color) url("../img/more_arr_white.png") no-repeat 50%; background-size:9px auto; border-radius:50%; }
	.main-bn-rolling .custom-swiper .swiper-pagination { bottom:0; }
	.main-bn-rolling .custom-swiper .swiper-pagination .swiper-pagination-bullet { width:6px; height:6px; margin:0 3px; padding:0; background:#ebeaea; border-radius:6px; opacity:1; transition:width .3s ease; }
	.main-bn-rolling .custom-swiper .swiper-pagination .swiper-pagination-bullet-active { width:16px; background:var(--point-color); }
	
	.main-bn-rolling .bn-rolling .rolling-right { padding:0; }
	.main-bn-rolling .bn-rolling .swiper-container .swiper-slide { overflow:visible; padding:0 10px; box-sizing:border-box; }
	.main-bn-rolling .bn-rolling .swiper-container .swiper-slide > a { display:block; padding:0 10px 20px; margin:40px 0 0; background:#fff; border-radius:8px; box-shadow:3px 3px 9px rgba(48, 48, 48, 0.12); box-sizing:border-box;}
	.main-bn-rolling .bn-rolling .swiper-container .swiper-slide > a img { margin-top: -40px; }


	.main-prd-slide1 .slide-control { display:none !important; }
	.main-prd-slide1 .goods_list_cont > div > ul { padding-left:20px; }


}

/* 1번 슬라이드 (index 0) - 흰색 */
.main-visual .swiper-slide-active[data-swiper-slide-index="0"] .visual-title {
    color:#ffffff;
}

/* 2,3번 슬라이드 (index 1,2) - 검정 */
.main-visual .swiper-slide-active[data-swiper-slide-index="1"] .visual-title,
.main-visual .swiper-slide-active[data-swiper-slide-index="2"] .visual-title {
    color:#000000;
}