/* BASIC css start */
ul, li { list-style: none; }
.container { max-width: 900px; margin: 150px auto; box-sizing: border-box; padding: 0; }
.container img { width: 100%; display: block;}

/* 쿠폰 */
.products__wrap, .coupon__wrap { position: relative; }
.coupon__wrap ul { position: absolute; top: 46.61%; left: 0;
    display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; flex-wrap: wrap; gap: 2%; padding-left: 0; }
.coupon__wrap li { width: 28.78%; height: 15.93%; margin-bottom: 3.37%; }
.coupon__wrap a { display: block; width: 100%; }

/* 상품 연동 : 탭메뉴 */
.products__wrap .tabs {
    position: absolute; top: 31.29%; left: 0;
    width: 100%;
    display: flex; flex-direction: row; gap: 1%; margin: 0; padding-left: 0;
    align-items: end; justify-content: center;
}
.tab_btn { width: 20.76%; height: 2.64%; cursor: pointer; opacity: 0.7; transition: all 0.3s; }
.sel { opacity: 1; }
.tab_content { position: absolute; top: 47.15%; left: 0; width: 100%; display: none; }
.tab_content .prod_box { display: flex; flex-direction: row; width: 100%; padding: 0; padding-left: 0; justify-content: center; align-items: center; gap: 3%; }
.tab_content .prod_item { height: 41.00%; width: 44.00%; }
.show { display: block; }

/* 유의사항 부분 css */
.notice__wrap img { width: 100%; display: block; }
.notice__wrap, 
.notice__wrap--more { position: relative; }
.notice__wrap--more { cursor: pointer; display: block; }
.notice__wrap--more img { margin-top: 0; }
.notice__wrap--notice { 
    overflow: hidden; height: 0px; 
    transition-property: height; 
    transition-duration: 0.2s; 
    transition-timing-function: linear; 
    z-index: -99; 
}
.notice__wrap--notice.active { height: 100%; }
/* BASIC css end */