/* BASIC css start */
main { margin-bottom:0 !important; }
.prd-preview,
.imgPrd { display:none; }

.gallery-list { overflow:hidden; }
.gallery-list .swiper-slide { position:relative; }
.gallery-list .swiper-slide .text { position:absolute; text-align:left; left:20px; bottom:20px; color:#fff; }
.gallery-list .swiper-slide .text h3 { font-size:30px; font-weight:700; color:#fff; margin-bottom:10px; font-family: 'Oswald', 'Pretendard', sans-serif; line-height: 1.0; }
.gallery-list .swiper-slide .text p { font-size:13px; line-height:20px; }
.gallery-list .swiper-slide img { width:100%; }

#header .headerTop span a#cart #user_basket_quantity {background:#fff !important; color:#000 !important; }
#header .headerTop h1 a.main { background: url('/design/icooing/2026/logo_white.png') no-repeat; background-size: 115px; }
.brand-banner { margin-top:150px; margin-bottom:80px; }
.brand-banner .cateTit { margin-bottom:0; }
.brand-banner .brand-list { margin-bottom:60px; }
.brand-banner .brand-list .swiper-slide a { display:block; }
.brand-banner .brand-list .swiper-slide .brand { margin-top:20px; }
.brand-banner .brand-list .swiper-slide img { width:100%; }

.main-slide_txt { position: absolute; left: 15px; bottom: 50px; z-index: 1; }
.main-slide_txt.middle { left: 50%; transform: translateX(-50%); text-align:center; }
.main-slide_txt.middle .main-slide_btn { margin:15px auto 0; }
.main-slide_txt.last { left:auto; right:25px; text-align:right; }
.main-slide_txt.last .main-slide_btn { margin-left:auto; }
.main-slide_title { font-size: 50px; font-weight: 500; line-height: 1.2; color: #fff; margin-bottom: 15px; font-family: 'Oswald', 'Pretendard', sans-serif; }
.main-slide_desc { font-size: 15px; line-height: 1.2; color: #fff; }

.main-slide_btn { display: block; width: 120px; height: 40px; line-height: 38px; margin-top: 15px; color: #000; font-size: 10px; font-weight: 500; text-align: center; border-radius: 30px; cursor: pointer; position: relative; z-index:50; background: #fff; }
.swiper-slide .main-slide_txt * { opacity: 0; visibility: hidden; -webkit-transform: translateY(10px); transform: translateY(10px); }
.swiper-slide-active .main-slide_txt * { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); }
.swiper-slide-active .main-slide_title { transition-duration:0.7s; -webkit-transition-delay: 0.2s !important; transition-delay: 0.2s  !important; }
.swiper-slide-active .main-slide_desc { transition-duration: 0.7s; -webkit-transition-delay: 0.4s !important; transition-delay: 0.4s !important; }
.swiper-slide-active .main-slide_btn { transition-duration: 0.7s; -webkit-transition-delay: 0.6s !important; transition-delay: 0.6s !important; }
.mySwiper .mont { position:absolute; top:50%; margin-top:-10px; z-index:10; }
.mySwiper .mont span { font-size:30px; color:#fff; }
.mySwiper .swiper-next { right:5px; }
.mySwiper .swiper-prev { left:5px; }

#header { position: fixed; top: 0; left: auto; right: auto; max-width: 640px; z-index: 99; background: transparent; } 
#header .headerTop { background: transparent; border-bottom: 0 !important; } 

/* swiper 공통 */
.swiper-button-prev { left:0; } 
.swiper-button-next { right:0; } 
.swiper-button-next:after, .swiper-button-prev:after { content:unset !important; } 
.swiper-button-prev img,
.swiper-button-next img { width:26px; } 
.swiper-scrollbar { position: relative !important; width: 63% !important; height:2px !important; margin: 0 auto; background:#eeeeee !important; } 
.swiper-scrollbar-drag { background: #fe4e4e !important; } 
.swiper-pagination { bottom:30px !important; text-align:center; color:#fff; font-size:14px; } 
.mySwiper .swiper-pagination-bullet { width:11px; height:11px; opacity:1 !important; background:transparent; border:2px solid #fff; margin:0 6px !important; position:relative; box-sizing:border-box; } 
.swiper-pagination-bullet-active { background:#fff !important; } 

/* 메인 배너 영역*/
#main_bnr_swiper { width: 100%; margin-bottom: 80px; } 
#main_bnr_swiper .swiper-slide img { width:100%; } 

/* 몽슈슈에서만 만날 수 있어요 */
.area_wrap .item-cont { padding:0 !important; } 

/* 따끈따끈 신상이 새로 들어왔어요 */
.bg_gray_wrap { background:#f7f7f7; padding: 80px 0 70px; } 
.bg_gray_wrap .item-cont { margin-bottom: 30px; } 

/* 중간배너 영역 */
.mid_bnr_wrap { position: relative; margin-bottom: 60px; } 
.mid_bnr_wrap ul { display: block; } 
.mid_bnr_wrap ul li { position: relative; } 
.mid_bnr_wrap ul li img { width: 100%; } 
.mid_bnr_wrap ul li dl { position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; } 
.mid_bnr_wrap ul li dl dt { font-size: 27px; line-height: 1.25; color: #fff; margin-bottom: 50px; } 
.mid_bnr_wrap ul li dl dd a { display:inline-block; font-size: 13px; font-weight: bold; color: #fff; letter-spacing: 10px; background: rgba(255,255,255,0.2); padding: 13px 25px; border: 1px solid #fff; border-radius: 50px; box-sizing: border-box; } 

/* 인스타그램 영역 */
.insta_wrap { position: relative; width: 100%; text-align: center; margin-top: 120px; }
.insta_wrap .insta_tit { }
.insta_wrap .insta_tit .insta_id { font-size: 12px; color: #aaa; margin-bottom: 10px; }
.insta_wrap .insta_tit .insta_name { font-size: 25px; font-weight: 700; font-family: 'Oswald', 'Pretendard', sans-serif; color: #333333; line-height:20px; margin-bottom: 20px; }
.insta_wrap .insta_tit .insta_name img { width: 30px; margin-right: 0; margin-bottom: 5px; filter: brightness(0) invert(0.6); }
.insta_wrap .insta_btn { margin-bottom:25px; }
.insta_wrap .insta_btn a { display: inline-block; font-size: 8px; color: #555; border: 1px solid #555; border-radius: 50px; padding: 7px 15px; letter-spacing: 2px; font-weight: bold; }
.insta_wrap .insta_cont { position: relative; padding: 20px 0 40px; }
.insta_wrap .insta-list { margin-top: -30px; }
.insta_wrap .insta_cont ul { display: flex; flex-wrap: wrap; justify-content: flex-start; margin-bottom: 20px; }
.insta_wrap .insta_cont ul li { width: 100%; }
.insta_wrap .insta_cont ul li a { display: block; }
.insta_wrap .insta_cont ul li a img { width: 100%; }
.insta_account { display: flex; justify-content: center; gap: 20px; margin-bottom: 25px; }
.insta_account_item { display: flex; flex-direction: column; align-items: center; }
.insta_wrap .insta-list { width: 100%; overflow: hidden; }
.insta_wrap .insta-list .swiper-slide img { width: 100%; display: block; aspect-ratio: 1/2.5; object-fit: cover; }

/* 인스타 그라디에이션 + 텍스트 오버레이 */
.insta_wrap .insta-list .swiper-slide { position: relative; }
.insta_wrap .insta-list .swiper-slide::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%;
    background: linear-gradient(to top, rgba(0,0,0,0.75) 0%, transparent 100%);
    pointer-events: none;
    z-index: 1;
}
.insta_wrap .insta-list .swiper-slide .insta-text { position: absolute; left: 10px; bottom: 12px; color: #fff; text-align: left; z-index: 2; }
.insta_wrap .insta-list .swiper-slide .insta-text h3 { font-size: 12px; font-weight: 300; font-family: 'Pretendard', sans-serif; margin-bottom: 3px; color: #fff; display: block; }
.insta_wrap .insta-list .swiper-slide .insta-text p { font-size: 10px; line-height: 1.4; }


/* 유튜브 영역 */
.youtube_wrap { position: relative; width: 100%; height: 230px; overflow: hidden; margin-top: 20px; }
.youtube_wrap iframe { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1.5); width: 100%; height: 100%; object-fit: cover; pointer-events: none; }

/* Brand 텍스트 */
.cateTit h3 { font-size: 25px; font-family: 'Oswald', 'Pretendard', sans-serif; color: #333333; font-weight: 700; }
.insta_wrap .insta_tit .insta_name { font-size: 25px; font-weight: 700; font-family: 'Oswald', 'Pretendard', sans-serif; color: #333333; line-height: 20px; margin-bottom: 20px; }
/* BASIC css end */