@charset "utf-8";

/*========================================================================
메인 레이아웃
========================================================================*/
.body-main #wrap { min-width:1420px; }
.body-main #wrap::before { border-bottom:0; }
.body-main #container {  max-width:100%; width:100%; min-width:1200px; padding-bottom:0; }
.body-main #contents { max-width:100%; min-width:1200px; width:100%; padding:0 0 70px; margin:0 auto; }
.body-main #topLine { height:0; }
.body-main #footer { margin-top:0; }
.body-main .side-floating { display:none; }

.main-inner { position:relative; max-width:1200px; min-width:1200px; width:100%; padding:0 0; margin:0 auto; }
.main-inner::after { content:""; display:block; clear:both; }


/*========================================================================
메인 영역
========================================================================*/
/* 메인 비주얼 */
.main-visual { position:relative; margin:0 auto; overflow:hidden; opacity:0; margin: 30px 0 0;}
/* 제어버튼 */
.main-visual .slider-wrap .slick-arrow { position:absolute; top:45%; width:74px; height:74px; font-size:0; background:no-repeat 50% 50%; border-radius:0; opacity:1; cursor:pointer; z-index:61; }
.main-visual .slider-wrap .slick-prev { left:30px; background-image:url("../img/main_prev.png"); }
.main-visual .slider-wrap .slick-next { right:30px; background-image:url("../img/main_next.png"); }

/* 비주얼 타이틀 */
.visual-title { position:absolute; /* top:50%; left:50%;width:1120px; transform:translate(-50%, -118px); */ text-align:left; left: 34px; bottom: 45px; }
.visual-title .point-color { color:#5b2df3; }
.visual-title h3 {font-size: 40px; line-height: 1.1; font-weight:700;}
.visual-title h3 strong { display:block;}
.visual-title p { margin: 20px 0 0; color:#222; font-size:18px; line-height:1.1; }

/* 비주얼 타이틀 모션 */
.main-visual .slider-wrap .slick-slide { position:relative; }
.main-visual .slider-wrap .slick-slide .visual-title > * { opacity:0; }
.main-visual .slider-wrap .slick-active .visual-title > * { backface-visibility:hidden; animation:TransYS 1s ease-out both; }
.main-visual .slider-wrap .slick-active .visual-title > *:first-child { animation-delay:0.3s; }
.main-visual .slider-wrap .slick-active .visual-title > *:nth-child(2) { animation-delay:0.7s; }
.main-visual .slider-wrap .slick-active .visual-title > *:nth-child(3) { animation-delay:1.1s; }

/* box 간격 */
.main-box { }
.main-box2 { padding:45px 0; }
.main-box3 { padding:45px 0 55px; }
.main-box4 { padding:55px 0; }
.main-box5 { padding:45px 0; }
.main-box6 { padding:70px 0; }
.main-box7 { padding:45px 0; }
.main-box8 { padding:45px 0; }
.main-box9 { padding:45px 0; }
.main-box10 { padding:45px 0; }

/* 메인 타이틀 */
.main-wrap .goods_list_tit { display:none; }
.main-wrap .title h2 { padding:0; margin-bottom:30px; font-size:30px; font-weight:600; line-height:1; text-align:center; letter-spacing: -0.02em;}

/* 메인 퀵메뉴 */
.main-quick-menu { position:relative; width:1200px; padding:45px 0; margin:0 auto; background:#fff; border-radius:30px 30px 0 0; z-index:51; }
.main-quick-menu ul { display:flex; justify-content:space-between; text-align:center; }
.main-quick-menu ul li p { margin:20px 0 0; color:#777777; font-size:16px; }
.main-quick-menu ul li span {width: 96px; height: 96px; display: block; box-sizing: border-box;}
.main-quick-menu ul li span img {width: 100%;}
.main-quick-menu ul li:hover {}
.main-quick-menu ul li:hover span {border: 1px solid #f7b2cd; border-radius: 50%;}
.main-quick-menu ul li:hover p {color: #f7b2cd;}

/* 이 상품 어때요? */
.prd-slide1 { max-width:2000px; width:100%; margin:0 auto; overflow:hidden; }
.prd-slide1 .slick-slider { min-height:620px; margin:40px 0 0; overflow:visible; }
.prd-slide1 .slick-slider .slick-list { overflow:visible; }
.prd-slide1 .item_cont .item_photo_box { width:100%; }
.prd-slide1 .item_cont .item_info_cont { width:100%; text-align:left !important; }
.prd-slide1 .slick-slide a { outline:none; }
/* 액티브 */
.prd-slide1 .item_cont { width:352px !important; margin:40px 24px 0; padding:0; transform:translateX(0); transition:all 0.4s ease 0s; }
.prd-slide1 .slick-center .item_cont { width:432px !important; margin:0 0; transform:translateX(-16px); }
/* 위치 조정 */
.prd-slide1 .slick-slide { transform:translateX(-8px); transition:all 0.4s ease 0s; }
.prd-slide1 .slick-active { transform:translateX(-24px); }
.prd-slide1 .slick-center { transform:translateX(0); } 
.prd-slide1 .slick-center + .slick-active { transform:translateX(24px); }
.prd-slide1 .slick-center + .slick-active ~ .slick-slide { transform:translateX(8px); }
/* 좌우 버튼 */
.prd-slide1 .slick-slider > button,
.prd-slide1 .slick-slider > button:hover { top:186px; width:61px; height:61px; margin:0; background:#262626 no-repeat 50%; border-radius:10px; overflow:hidden; transform:translate(0, 0) }
.prd-slide1 .slick-slider .slick-prev,
.prd-slide1 .slick-slider .slick-prev:hover { left:-48px; background-image:url("../img/prd_slide_prev.png"); }
.prd-slide1 .slick-slider .slick-next,
.prd-slide1 .slick-slider .slick-next:hover { right:-48px; background-image:url("../img/prd_slide_next.png"); }
/* 딤 */
.prd-slide1 .item_cont { position:relative; }
.prd-slide1 .item_photo_box { position:static; }
.prd-slide1 .item_photo_box > a::after { content:""; position:absolute; top:0; left:0; right:0; bottom:0; height:100%; background:rgba(255,255,255,0.5); z-index: 1; }
.prd-slide1 .slick-center .item_photo_box > a::after { display:none; }

/* 중간 띠 배너 */
.wide-bn { display:flex; flex-direction:column; align-items:center; overflow:hidden; }

/* 이번달 MD'PICK */
.prd-tab-slide1 .item_hl_tab_type .goods_tab_tit ul { display:flex; justify-content:center; gap:44px; width:100%; margin:0 0 40px; }
.prd-tab-slide1 .item_hl_tab_type .goods_tab_tit li { width:auto !important; margin:0; }
.prd-tab-slide1 .item_hl_tab_type .goods_tab_tit li a { padding:0; color:#b9b9b9; font-size:17px; font-weight:500; line-height:1; border:0; cursor:pointer; }
.prd-tab-slide1 .item_hl_tab_type .goods_tab_tit li.on a { padding:0 0 7px; color:#121212; font-weight:700; border:0; border-bottom:2px solid #121212; }
.prd-tab-slide1 .goods_list_cont .goods_tab_cont { margin:15px 0 0; }
.prd-tab-slide1 .goods_list_cont ul { width:calc(100% + 32px); margin-left:-16px; }
.prd-tab-slide1 .goods_list_cont ul li { margin:0 0 70px; }
.prd-tab-slide1 .goods_list_cont ul li .item_cont { padding:0 16px; }

/* WEEKLY SPECIAL */
.main-special-cont { display:flex; align-items:center; min-height:627px; background:no-repeat 50%; background-attachment:fixed; overflow:hidden; }
.main-special-cont .left-box { width:680px; }
.main-special-cont .left-box .title h3 { padding:0 0 10px; color:#000000; font-size:34px; text-align:left; }
.main-special-cont .left-box .title h3 span { display:block; margin:12px 0 0; color:#8a8a8a; font-size:20px; font-weight:300; }
.main-special-cont .left-box .goods_list_cont > div > ul { width:calc(100% + 10px); margin-left:-5px; }
.main-special-cont .left-box .goods_list_cont > div > ul li { margin:0; }
.main-special-cont .left-box .goods_list_cont > div > ul li .item_cont { padding:0 5px; }
.main-special-cont .left-box .goods_list_cont .item_info_cont { padding:20px 20px 15px; margin:0; background:#fff; }
.main-special-cont .left-box .goods_list_cont .item_info_cont .item_tit_box > a { width:80%; }
.main-special-cont .left-box .goods_list_cont .item_info_cont .item_tit_box .item_name { width:100%; height:45px; padding:0; margin:0 0 8px; line-height: 1.3; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; overflow:hidden; }
.main-special-cont .left-box .goods_list_cont .item_info_cont .prd-btn-box { position:absolute; top:22px; right:20px; }
.main-special-cont .left-box .goods_list_cont .item_icon_box { display:none; }

/* NEWS & EVENT */
.main-event-bn ul { display:grid; grid-template-columns:1fr 1fr; grid-gap:32px; }
.main-event-bn ul li:nth-child(2) { grid-row:2; }
.main-event-bn ul li:nth-child(3) { grid-row:span 2; }

/* 고객 후기 */
.main-review ul { display:flex; flex-wrap: wrap; gap:20px; width:100%; }
.main-review ul > li { width:calc((100% - 60px)/ 4); padding:0 25px; border:1px solid #e5e5e5; box-sizing:border-box; transition:border 0.3s ease; }
.main-review ul > li:hover { border-color:#121212; }
.main-review ul > li a { display:block; }
.main-review ul > li .review-info { padding:25px 0 22px; }
.main-review ul > li .review-info > div:first-of-type { line-height:1.2; }
.main-review ul > li .review-info .writer { position:relative; padding: 0 0 0 8px; margin: 0 0 0 5px; color:#b9b9b9; font-size:13px; font-weight:300; }
.main-review ul > li .review-info .writer::before { content:""; position:absolute; top:2px; left:0; height:12px; border-left:1px solid #e5e5e5; }
.main-review ul > li .review-info .subject { display:block; width:100%; margin:20px 0 0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#161616; font-size:16px; font-weight:400; }
.main-review ul > li .review-info .cont { height:59px; margin:13px 0 0; color:#8a8a8a; font-size:15px; line-height:1.35; overflow:hidden; }
.main-review ul > li .review-prd { display:flex; align-items:center; padding:20px 0 29px; border-top:1px solid #e5e5e5; }
.main-review ul > li .review-prd .thumb { width:74px; height:74px; overflow:hidden; }
.main-review ul > li .review-prd .thumb img { width:100%; }
.main-review ul > li .review-prd .name { width:calc(100% - 74px); max-height:74px; padding:0 0 0 12px; color:#b9b9b9; font-size:15px; box-sizing:border-box; overflow:hidden; }
.main-review ul > li .rating { display:inline-block; vertical-align:top; width:75px; height:14px; background:url("../img/review_bg.png") no-repeat 0 0; text-indent:-9999px; }
.main-review ul > li .rating span { display:block; height:14px; background:url("../img/review_fill.png") no-repeat 0 0; }

/* 인기키워드 */
.prd-tab-slide2 { min-height:600px; padding:100px 0; background:#f7f7f7; box-sizing:border-box; }
.prd-tab-slide2 .title { position:absolute; top:0; left:0; }
.prd-tab-slide2 .item_hl_tab_type { display:flex; }
.prd-tab-slide2 .goods_tab_tit { width:280px; padding:60px 0 0; }
.prd-tab-slide2 .goods_tab_tit ul { display:flex; flex-direction: column; width: 100%;}
.prd-tab-slide2 .goods_tab_tit ul li { width:auto !important;}
.prd-tab-slide2 .goods_tab_tit ul li a { display:block; width:180px; height:50px; line-height:49px; padding:0; margin:0 0 13px; font-size:18px; border:1px solid #000; border-radius:50px; text-align:center; box-sizing:border-box; cursor:pointer; color: #000;}
.prd-tab-slide2 .goods_tab_tit ul li.on a { color:#000000; font-weight:500; border-color:#f7b2cd; background:#f7b2cd; }
.prd-tab-slide2 .goods_tab_cont { position:relative; width:calc(100% - 280px); overflow:hidden; }
.prd-tab-slide2 .goods_tab_cont .item_cont { padding:0; margin:0 0 50px; }
.prd-tab-slide2 .goods_tab_cont .item_cont .prd-btn-box {display: none;}
.prd-tab-slide2 .goods_tab_cont .swiper-slide:hover .item_cont .prd-btn-box {display: block;}
.prd-tab-slide2 .swiper-scrollbar { left:0; bottom:0; width:100%; height:2px; background:#e5e5e5; border-radius:0; }
.prd-tab-slide2 .swiper-scrollbar-drag { background:#121212; border-radius:0;}

/* 브랜드 */
.main-brand .brand-cont { display:flex; gap:34px; width:100%; }
.main-brand .brand-cont dl { width:calc(100% / 3);}
.main-brand .brand-cont dl dt span { display:block; border-radius:14px 14px 0 0; overflow:hidden; }
.main-brand .brand-cont dl dt span img {border-radius: 14px 14px 0 0;}
.main-brand .brand-cont dl dt .brand-tit { display:flex; flex-direction:column; justify-content:center; height:104px; padding:0 25px; line-height:1.4; border-radius:0 0 45px 0; overflow:hidden; box-sizing:border-box; }
.main-brand .brand-cont dl dt .brand-tit strong { color:#121212; font-size:20px; font-weight:700; }
.main-brand .brand-cont dl dt .brand-tit p { margin:3px 0 0; color:#666666; font-size:16px; font-weight:400; }
.main-brand .brand-cont dl:nth-of-type(1) .brand-tit { background:#c1ece8; }
.main-brand .brand-cont dl:nth-of-type(2) .brand-tit { background:#ffae78; }
.main-brand .brand-cont dl:nth-of-type(3) .brand-tit { background:#ffd466; }

/* 리스트형 */
.goods_list_cont .item_list_type > ul > li { padding:25px 0; border-color:#e5e5e5; }
.item_list_type .item_cont { display:flex; }
.item_list_type .item_cont .item_photo_box { width:107px; }
.item_list_type .item_cont .item_photo_box a img { border:0; }
.item_list_type .item_cont .item_info_cont { width:calc(100% - 107px); margin:0; padding:0 0 0 30px; box-sizing:border-box; }
.item_list_type .item_cont .item_info_cont .item_info_list { width:100%; padding:0; }
.item_list_type .item_cont .item_info_cont .item_tit_box .item_name { display:block; max-height:40px; padding:0; font-size:16px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; }
.item_list_type .item_cont .item_info_cont .item_money_box { padding:10px 0 5px; }
.item_list_type .item_cont .item_info_cont .item_money_box .item_price { font-size:21px; }
.item_list_type .item_icon_box,
.item_list_type .item_btn_box { display:none; }
.item_list_type .sale-rate { display:block; color:#e55e93; font-size:22px; font-weight:600; line-height:1; }

/* 인스타 */
.insta {}