/* BASIC css start */
#overlay_layer { display: none; }

/* 공통 */
.container { position: relative; box-sizing: border-box; max-width: 640px; margin: 140px auto 50px; background-color: #d3ecff;  }
.container a { display: block; cursor: pointer; text-decoration: none; color: inherit; }
.container section { position: relative; }

.container .intro img,
.notice__wrap img,
.eventTabSwiper img,
.btn_more img,
.image__box img { width: 100%; vertical-align: top; }

.container section.evnet2 { background-color: #327be2; }
/* 이벤트2 : 슬라이드탭메뉴 */
.swiper.eventTabSwiper { width: 100%; overflow: hidden; position: absolute; bottom: 5%; }
.swiper2.eventContSwiper { width: 100%; overflow: hidden; }
.swiper.eventTabSwiper .swiper-wrapper { width: 100%; height: inherit; }
.swiper.eventTabSwiper .swiper-slide { transform: scale(.9617224880383); filter: brightness(65%); transition: 0.4s; cursor: pointer; } 
.swiper.eventTabSwiper .swiper-slide-active { transform: scale(1); filter: brightness(100%); }


/* 유의사항 */
.notice__wrap--more { cursor: pointer; }
.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%; }


.event3 { padding-bottom: 30px; background-color: #d3ecff; }
.product_wrap_section { margin: 0; padding-top: 50px; }
.product_wrap_section .list { justify-content: center !important; gap: 2% !important; }
.product_wrap_section .list .normal_item { overflow: hidden; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1); margin-bottom: 30px; background-color: #fff; }
.product_wrap_section .list .normal_item .prod_info_wrap { padding: 0 2% 10px; }
.product_wrap_section .list > div { width: 45% !important; }
.product_wrap_section .prod_price .consumer { margin-left: 5px !important; margin-right: 5px; }
.product_wrap_section .pricepart, .product_wrap_section .prod_price { flex-wrap: wrap; }


@media screen and (min-width: 200px) and (max-width: 320px) {
    .product_wrap_section .prod_price .consumer { margin-left: 0 !important; margin-right: 5px; }
}

/* BASIC css end */