/* BASIC css start */
/* ·Ñ¸µ¹è³Ê */
#event .MS_img-wrap { position: relative; width: 100%; overflow: hidden; }
#event .event-imgs { position: relative; }
#event .MS_img-area { float: left; }
#event .MS_img-area:not(:first-child) { display: none; }
#event .MS_img-area img { width: 100%; }
#event .pagination { position: relative; left: 0; text-align: center; width: 100%; }
#event .pagination .swiper-pagination-switch { display: inline-block; margin: 0 2px; text-indent: -9999px; background: url(/images/d3/m_01/bull/event_now@2x.gif) no-repeat 0 50%; background-size: 19px 7px; width: 10px; height: 10px; }
#event .pagination .swiper-active-switch { background-position: -12px 50%; }
/* //·Ñ¸µ¹è³Ê */
.main .topBanner {margin-top:15px;}
.main .topBanner .topBannerLeft {width:49%; float:left; position:relative;}
.main .topBanner .topBannerRight {width:49%; float:right; position:relative;}
.main .topBanner img {width:100%; vertical-align:top;}
.main .topBanner .topBannerTitle {width:100%; font-size:1.083em; font-weight:bold; padding:2px 0; background-color:rgba(0,0,0,0.4);; text-align:center; color:#fff; position:absolute; bottom:0; left:0;}

.visual { width:100%; background:#ededed;}
.visual #mainImg { position:relative; overflow:hidden;}
.visual #mainImg .m_img { width:100%;height:100%; text-align:center; margin:0 auto; max-width:640px;} 
.visual #mainImg .m_img li { overflow:hidden;  position: relative; }

.tit_hd_h2 {  margin: 30px 0 10px 0; font-size: 1.9em; text-align: center; color: #333; text-transform: uppercase; line-height: 1.2em; }
.tit_hd_h2 span { font-size: 11px; display: block; color: #666;  text-transform: none !important;  } 
.tit_hd_h3 {  margin: 30px 0 15px 0; font-size: 1.5em; text-align: center; color: #333; text-transform: uppercase; line-height: 1.2em; }
.tit_hd_h3 span { font-size: 11px; display: block; color: #666;  text-transform: none !important;  } 

.maincon { max-width:640px; margin:0 auto;}
.maincon .m_ban01 a { display:block;}
.maincon .m_ban02 { overflow:hidden; position:relative; padding:0 0 30px;}
.maincon .m_ban01 img { max-width:100%; }

#bestItemWrap { margin: 20px 0;  }
#bestItemWrap h2 { display: none;}
.best_product  { position: relative; }
.best_product .goodsList { overflow: hidden; width: 100%;  display: table; }
.best_product .goodsList li { display: inline-block;  width: 100%; max-width:640px; margin: 0 auto; box-sizing: border-box; text-align: center; vertical-align: top;  }
.best_product .goodsList li > div { padding: 4px 10px; box-sizing: border-box; text-align: center; display: block; width: 100%;  position: relative; }
.best_product .goodsList li .info_txt { margin-top:10px; }
.best_product .goodsList li div.thumb img { width:100%; }
.best_product .goodsList li .discount span.sale { width: 50px !important; height: 50px !important; line-height: 50px !important; font-size: 1.2em; } 
.best_product .goodsList li .discount { right: 6px; }

.best_product .goodsList li p.price strike { display: block;  } 
.best_product .goodsList li p.suj a { display: inline-block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }                                        
.best_product .goodsList li .price {  display: inline-block; margin-top: 5px; }

.best_product .goodsList li > div > span.no { position: absolute; top: 0; left: 6px; background: #ce2727; width: 80px; height: 73px; color: #fff; display: block; text-align: center; padding-top: 10px; box-sizing: border-box; }
.best_product .goodsList li > div > span.no strong { display: block; font-size: 2.8em; margin-top: 10px; font-weight: normal; }
/* special »óÇ° */
.maincon { max-width:640px; margin:0 auto; font-size: 9px; }
.maincon .m_weeks .bx-wrapper { margin:0 auto; }
.maincon .m_weeks a { display:block;}
.maincon .m_weeks { overflow:hidden; position:relative; padding:10px 0 30px;}
.roll {  }
.roll img { max-width: 100%;  }

.gnbWrap { margin-bottom: 0px !important; }
.m_weeks { overflow: hidden; padding: 4px 10px; box-sizing: border-box;  }
.m_weeks .bx-viewport { width: 99% !important; margin: 0 auto; }
.m_weeks .thumb { position: relative; margin-bottom: 10px; }





/* .m_banner02 */
.m_banner02 { width: 100%; max-width: 650px; margin: 0 auto; position: relative; }
.m_banner02 ul { list-style: none; padding: 0; margin: 0; }
.m_banner02 li { display: inline-block; }
.m_banner02 img { width: 100%; height: auto; object-fit: contain; display: block; margin: 0 auto; padding-top: 30px; }




/* ½Å»óÇ° */
.newPrd { overflow: hidden; width:99%; margin: 0 auto; }
.newPrd .thumb { position: relative; margin-bottom: 10px; }

/* main_banner01 */
.main_banner01 { width:100%; max-width: 640px; margin: 30px auto 0; position: relative; }

/* main_banner02 */
.main_banner02 { width:100%; max-width: 640px; margin: 30px auto 0; position: relative; overflow: hidden; }

/* main_banner03 */
.main_banner03 { width:100%; max-width: 640px; margin: 30px auto 0; position: relative; }
.main_banner03 a { display: block; margin-bottom: 5px; text-align: center; }
.main_banner03 img { max-width:100%; }


 /**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.c om
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 * Áö¿ìÁö ¸¶¼¼¿ä /
 /** RESET AND LAYOUT
===================================*/
.bx-wrapper { padding: 0; *zoom: 1; top: 0;  }
.bx-wrapper img {  width: 100%;  display: block;  /* min-height: 450px; */ }
 /** THEME
===================================*/
.bx-wrapper .bx-viewport {  }
 /* DIRECTION CONTROLS (NEXT / PREV) */  
.m_img .bx-wrapper .bx-controls-auto { position: absolute; bottom: 0; width: 100%; }
.m_img .bx-pager { width: 229px;  left: 50%; z-index: 9999;  bottom: 42px; /*top: 58%; */  position: absolute; margin-left: -45px; display:none; }
.m_img .bx-pager-item a { width: 17px; height: 16px; text-indent: -999em; margin-right: 7px; display: inline-block; background: url(../_image/bull_mainImg_off.png) no-repeat; float: left;  }
.m_img .bx-pager-item a.active { background: url(../_image/bull_mainImg_on.png) no-repeat; }
 /* DIRECTION CONTROLS (NEXT / PREV) */
.m_img .bx-wrapper .bx-prev {  background: url(/design/d4-0161/skin_type020/m/images/m_arrow_l.png) no-repeat; left:4px }
.m_img .bx-wrapper .bx-next {  background: url(/design/d4-0161/skin_type020/m/images/m_arrow_r.png) no-repeat; right:-10px }
.m_img .bx-wrapper .bx-controls-direction { /* margin-left: 97px; position: relative; */ display: none; }
.m_img .bx-wrapper .bx-controls-direction a { position: absolute; top: 45%; outline: 0; width: 42px; height: 78px; background-size:63%; text-indent: -9999px; z-index: 1000; }
.m_img .bx-wrapper .bx-controls-direction a.disabled { display: none; } 

#bx-pager { position: absolute; bottom:0; left:0 ;  max-width: 640px; width: 100%; z-index: 100; }
#bx-pager a { display: inline-block; padding: 0 7px; text-align: center; border: 1px solid #ddd; height: 30px; line-height: 30px; background: #fff; margin-left: -3px; }
#bx-pager a.active { background: #5b5852; color: #fff; font-weight: bold; }

.m_weeks .bx-controls-direction { display:none !important;}
.m_weeks .bx-wrapper .bx-controls-auto { position: absolute; bottom: 0; width: 100%; }
.m_weeks .bx-pager { width: 100%;  left: 50%; z-index: 200;  bottom: 0px;  position: absolute; margin-left: -20px;  }
.m_weeks .bx-pager-item a { width: 8px; height: 8px; border-radius: 50%; text-indent: -999em; margin-right: 7px; display: inline-block; background: #ededed; float: left;  }
.m_weeks .bx-pager-item a.active { background: #666;}

/* º£½ºÆ®»óÇ° */
.best_product .bx-wrapper .bx-controls-auto { position: absolute; bottom: 0; width: 100%; border:1px dotted red }
.best_product .bx-pager { width: 100%;  z-index: 9999;  bottom: 16%; /*top: 58%; */  position: absolute;  display: table; text-align: center; }
.best_product .bx-pager > div { display: inline-block; text-align: center; margin: 0 5px; }
.best_product .bx-pager-item {  }
.best_product .bx-pager-item a { text-indent: -999em;   width: 10px; height: 10px; border-radius: 50%; background: #fff; display: block;  }
.best_product .bx-pager-item a.active { background: #555; }
/* DIRECTION CONTROLS (NEXT / PREV) */  
.best_product .bx-wrapper .bx-controls-direction { position: absolute; top: 45%; width: 100%;   display: none; }
.best_product .bx-wrapper .bx-controls-direction a { position: absolute; top: 0;  outline: 0; width: 27px; height: 52px;  text-indent: -9999px; z-index: 9999;  }
.best_product .bx-wrapper .bx-controls-direction a.disabled { display: none; }    
.best_product .bx-wrapper .bx-controls-direction a { text-indent: -999em; }   
.best_product .bx-wrapper .bx-prev { left: 0; background: url(/design/d4-0692/s023/images/main_best_arrow_l.png) no-repeat;  background-size: 80%; }
.best_product .bx-wrapper .bx-next { right: 0; background: url(/design/d4-0692/s023/images/main_best_arrow_r.png) no-repeat; background-size: 80%; }

/* .banner01 DIRECTION CONTROLS (NEXT / PREV) */
.main_banner01 .bx-wrapper .bx-controls-direction {  width: 100%; position: absolute; top: 45%; z-index: 9999; }
.main_banner01 .bx-wrapper .bx-controls-direction a { position: absolute; top: 0;  outline: 0;  text-indent: -9999px; z-index: 19999; height: 30px; opacity: 0.3; width: 30px; background: #000;  }
.main_banner01 .bx-wrapper .bx-controls-direction a.disabled {  display: none; }    
.main_banner01 .bx-wrapper .bx-controls-direction a { text-indent: -999em; }   
.main_banner01 .bx-wrapper .bx-prev { left: 0;   }
.main_banner01 .bx-wrapper .bx-next {  right: 0px;  }
.main_banner01 .bx-wrapper .bx-controls-direction a i { text-indent: 0px !important;  color: #fff; font-size: 1.5em; width:100%; height:100%; position: absolute; top:5px; left:0; text-align: center; }
.main_banner01 .bx-wrapper .bx-controls-direction a:hover {  opacity: 0.5; }

.main_banner01  .bx-wrapper .bx-controls-auto { position: absolute; bottom: 0; width: 100%;  }
.main_banner01  .bx-pager { width: 100%;   z-index: 9999;  bottom: 10px;  position: absolute;  display: table; text-align: center; display: none;   }
.main_banner01  .bx-pager > div { display: inline-block; text-align: center; margin: 0 5px; }
.main_banner01  .bx-pager-item {  }
.main_banner01  .bx-pager-item a { text-indent: -999em;   width: 9px; height: 9px; border-radius: 50%; background: #fff; display: block;  }
.main_banner01  .bx-pager-item a.active { background: #555;}

/* .main_banner02 */
.main_banner02 .bx-controls-direction { display:none !important;}
.main_banner02 .bx-wrapper .bx-controls-auto { position: absolute; bottom: 0; width: 100%; }
.main_banner02 .bx-pager { width: 100%;  left: 50%; z-index: 200;  bottom: 10px;  position: absolute; margin-left: -20px;  }
.main_banner02 .bx-pager-item a { width: 8px; height: 8px; border-radius: 50%; text-indent: -999em; margin-right: 7px; display: inline-block; background: #ededed; float: left;  }
.main_banner02 .bx-pager-item a.active { background: #666;}

.tabletOnly { display: none; }

/* Ãßõ»óÇ° */
#recmd {  }
#recmd figure { display: table; width:100%; }
.list_shopping1x li { border-top: 1px solid #f0f0f0; }
.list_shopping1x li img.listPic,
.list_shopping1x .list_shoppingInfo { display: inline-block; vertical-align: middle; float: none;  box-sizing: border-box; }

/* ½ºÆó¼È»óÇ° */
.list_shopping3x ul {  }
.list_shopping3x li { box-sizing: border-box; text-align: center; }

/* ¸ð¹ÙÀÏ Àü¿ë */
@media (max-width: 640px) and (min-width: 320px) {
.m_ban02 img { width:100% !important; }
.m_ban02 li {width:9.8% !important; border-right:1px solid #ededed; }
}

.items { text-align: left !important; }




#md_hoiceWrap {
    margin: 30px 0 10px 0; /* ¾Æ·¡ÂÊ ¸¶ÁøÀ» ÁÙ¿©¼­ ¹è³Ê¿Í ¹öÆ° °£ÀÇ °£°ÝÀ» ÁÙÀÓ */
    border: 1px solid #e8e8e8;
    background: #64ffd3;
    width: 100%; /* ÆäÀÌÁö Àüü ³Êºñ¿¡ ¸ÂÃß±â */
    max-width: 100%; /* ÃÖ´ë ³Êºñ¸¦ 100%·Î ¼³Á¤ */
    overflow: hidden; /* ³ÑÄ¡´Â ºÎºÐ À߶󳻱â */
    padding: 0; /* ¿©¹é Á¦°Å */
}

#md_hoiceWrap .Wrap {
    display: table;
    width: 100%; /* WrapÀ» 100% ³Êºñ·Î ¼³Á¤ */
}

#md_hoiceWrap .Wrap > div {
    display: table-cell;
    border-right: 1px solid #e8e8e8;
    position: relative;
}

#md_hoiceWrap .Wrap > div:last-child {
    border: none;
}

#md_hoiceWrap .Wrap > div a {
    position: absolute;
    bottom: 35px;
    left: 45px;
    border: 1px solid #e4e4e4;
    background: #fff;
    font-size: 11px;
    padding: 3px 0 3px 13px;
    width: 80px;
    box-sizing: border-box;
    border-radius: 2px;
}

/* ¹è³Ê À̹ÌÁö Å©±â Á¶Á¤ */
#md_hoiceWrap .Wrap > div img {
    width: 100%;  /* ¹è³Ê°¡ 100% ³Êºñ¿¡ ¸Â°Ô Á¶Á¤µÇµµ·Ï */
    height: auto; /* ºñÀ²¿¡ ¸Â°Ô ³ôÀÌ ÀÚµ¿ Á¶Á¤ */
    object-fit: cover; /* À̹ÌÁö°¡ À߸®Áö ¾Êµµ·Ï ºñÀ²À» À¯ÁöÇÏ¸ç ¿µ¿ª¿¡ ¸Â°Ô À߸² */
}

#banner_type01 .Wrap > div a i {
    display: inline-block;
    padding-left: 5px;
}


/* ¹öÆ° ±×·ì Áß¾Ó Á¤·Ä */
.button-group {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

/* °¢ ¹öÆ°À» À̹ÌÁö·Î ´ëü */
.button-group .tab-button {
    margin: 0 2px; /* ¹öÆ° »çÀÌ ¿©¹éÀ» 5px·Î ÁÙÀÓ */
    display: inline-block; /* À̹ÌÁö ¹öÆ°À» ºí·Ïó·³ Ç¥½Ã */
    width: 120px; /* ¹öÆ° Å©±â (À̹ÌÁöÀÇ Å©±â) */
    text-align: center; /* ÅؽºÆ® Áß¾Ó Á¤·Ä */
    cursor: pointer;
}

/* ¹öÆ° Ŭ¸¯ ½Ã ÄÜÅÙÃ÷¸¦ Ç¥½ÃÇϱâ À§ÇÑ ½ºÅ¸ÀÏ */
.button-group .button-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* À̹ÌÁö ½ºÅ¸ÀÏ (¿øÇü Á¦°ÅÇÏ°í À̹ÌÁö Å©±â¸¸ Á¶Àý) */
.button-group .tab-button img {
    width: 40%; /* ¹öÆ° Å©±â¿¡ ¸Â°Ô À̹ÌÁö Å©±â Á¶Á¤ */
    height: 40%; /* ¹öÆ° Å©±â¿¡ ¸Â°Ô À̹ÌÁö Å©±â Á¶Á¤ */
    object-fit: cover; /* À̹ÌÁö ºñÀ² À¯ÁöÇϸç Å©±â¿¡ ¸Â°Ô ÀÚ¸£±â */
    transition: transform 0.3s ease; /* À̹ÌÁö¿¡ È£¹ö È¿°ú Ãß°¡ */
}

/* À̹ÌÁö ¹öÆ°¿¡ È£¹ö È¿°ú */
.button-group .tab-button:hover img {
    transform: scale(1.05); /* ¸¶¿ì½º ¿À¹ö ½Ã À̹ÌÁö Å©±â ¾à°£ È®´ë */
}

/* ÅؽºÆ® ½ºÅ¸ÀÏ (ÆùÆ® ¿¬ÇÏ°í Å©±â Á¶Àý) */
.button-group .button-text {
    margin-top: 5px; /* À̹ÌÁö¿Í ÅؽºÆ® °£°Ý */
    font-size: 11px; /* ÅؽºÆ® Å©±â (»çÀÌÁî Á¶Àý) */
    color: #333; /* ÅؽºÆ® »ö»ó */
    font-weight: 300; /* ÅؽºÆ® ¿¬ÇÏ°Ô (°¡º­¿î ÆùÆ®) */
}

/* Ä«Å×°í¸® ¸®½ºÆ® ±âº»ÀûÀ¸·Î ¼û±â±â */
.category-list {
    display: none;
}

/* ù ¹ø° Ä«Å×°í¸®¸¸ ±âº»ÀûÀ¸·Î º¸ÀÌ°Ô ¼³Á¤ */
.category-list[data-tab="1"] {
    display: block;
}

/* active Ŭ·¡½º¸¦ °¡Áø Ä«Å×°í¸®¸¸ º¸À̵µ·Ï ¼³Á¤ */
.category-list.active {
    display: block;
}

/* ¹öÆ° Ŭ¸¯½Ã È°¼ºÈ­µÇ´Â ¹öÆ° ½ºÅ¸ÀÏ */
.tab-button.active {
    font-weight: 500; /* È°¼ºÈ­µÈ ¹öÆ°ÀÇ ÅؽºÆ®´Â Á¶±Ý ´õ ÁøÇÏ°Ô */
    color: #007BFF;  /* È°¼ºÈ­µÈ ¹öÆ° ÅؽºÆ® »ö»ó */
}

/* È£¹ö È¿°ú */
.tab-button:hover {
    font-weight: 600; /* ¹öÆ°¿¡ ¸¶¿ì½º¸¦ ¿Ã·ÈÀ» ¶§ ÅؽºÆ® µÎ²®°Ô */
    color: #007BFF; /* ¹öÆ°¿¡ ¸¶¿ì½º¸¦ ¿Ã·ÈÀ» ¶§ ÅؽºÆ® »ö»ó */
}

/* BASIC css end */