/* 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;}
.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; }


/* 신상품 */
.newPrd { overflow: hidden; width:99%; margin: 0 auto; }
.newPrd .thumb { position: relative; margin-bottom: 10px; }


/* JM main_banner start */

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

/* main_banner012 */
.main_banner012 { width:100%; max-width: 640px; margin: 5px 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%; }

/* JM main_banner end */


 /**
 * 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; */ }
.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: 50%; margin-left: -320px; width: 640px; z-index: 1000; }
#bx-pager a { display: inline-block; padding: 0 10px; text-align: center; border: 1px solid #ddd; height: 30px; line-height: 30px; background: #fff; margin-left: -3px; }
#bx-pager a.active { background: #bf4a41; 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;}

/* .banner012 DIRECTION CONTROLS (NEXT / PREV) */
.main_banner012 .bx-wrapper .bx-controls-direction {  width: 100%; position: absolute; top: 45%; z-index: 9999; }
.main_banner012 .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_banner012 .bx-wrapper .bx-controls-direction a.disabled {  display: none; }    
.main_banner012 .bx-wrapper .bx-controls-direction a { text-indent: -999em; }   
.main_banner012 .bx-wrapper .bx-prev { left: 0;   }
.main_banner012 .bx-wrapper .bx-next {  right: 0px;  }
.main_banner012 .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_banner012 .bx-wrapper .bx-controls-direction a:hover {  opacity: 0.5; }

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


/* JM logo start start */
#mlogokim {width:100%; max-width: 640px; margin: 30px auto 0; position: relative;}
#mlogokimgnb {width:100%;height:100%; margin:auto;text-align:center;padding-top:20px;}
#mlogokimgnb ul {margin:auto;text-align:auto;width:100%;margin-left:2px;}
#mlogokimgnb ul li {display:inline-block;width:75px;height:100%;border:1px solid #c1c1c1;margin-top:-5px;margin-left:-5px;background-color:#ffffff;}
#clearkim {clear:both;padding-top:20px;}
#hdkim { font-size: 3.2em;  font-family:"Open Sans",'sans-serif'; color:#222; line-height:40px; text-transform: uppercase; display: block; }
#mlogokim #mlogokimgnb ul li a img {width:75px; height:38px;}
/* JM logo end */


#mainImg .m_img .bxpagerkim {display:none;}

#mbrand_JM {display:none;}


/* 2002 sul popup */
/*
#popupkim {width:100%;height:100%px;position:absolute;top:145px; left:0px; z-index:99999;display:none;}
#poptop img{width:100%;}
#popbottom {width:100%;background-color:#000000;text-align:center;padding-top:7px;}
#popbottom span {color:#ffffff;font-size:18px;font-weight:bold;}
*/

/* 20020224 covid19 delivery */
/*
#popupkim {width:100%;height:100%px;position:absolute;top:145px; left:0px; z-index:99999;display:none;}
#poptop img{width:100%;}
#popbottom {width:100%;background-color:#000000;text-align:center;padding-top:7px;}
#popbottom span {color:#ffffff;font-size:18px;font-weight:bold;}
*/

/* 210226 chuseok delivery */


/* 배송공지 - 팝업
#popupkim {width:100%;height:100%;position:absolute;top:155px; left:0px; z-index:99999;display:none;text-align:center;}
#poptop img{width:95%;text-align:center;}
#poptop_link img{width:95%;text-align:center;}
#popbottom {width:95%;background-color:#000000;padding-top:7px;margin:auto;}
#popbottom span {color:#ffffff;font-size:18px;font-weight:bold;}
*/

/* 배송공지 - 팝업, 게시판 링크 */
#popupkim {width:100%;height:100%;position:absolute;top:155px; left:0px; z-index:99999;display:none;text-align:center;}
#poptop img{width:95%;text-align:center;}
#poptop_link img{width:95%;text-align:center;}
#popbottom {width:95%;background-color:#000000;padding-top:2px;margin:auto;}
#popbottom span {color:#ffffff;font-size:15px;font-weight:bold;}


#mmiddle_banner {width:98%; height:100%; margin:auto; padding-top:40px;}
#mmiddle_banner li {text-align:center;}
#mmiddle_banner li a img{width:48%; height:48%; border:1px solid #e8e8e8; margin:3px 3px; float:left; text-align:center;}


#clear_mmiddle {clear:both; padding-top:15px;}


/* 이벤트팝업 */
#eventpopupK {width:100%;height:100%;position:absolute;top:155px; left:0px; z-index:99999; text-align:center;}
#evnetpoptopK img{width:95%;text-align:center;}
#evnetpoptopK_link img{width:95%;text-align:center;}
#eventpopbottomK {width:95%;background-color:#000000;padding-top:4px;margin:auto;}
#eventpopbottomK span {color:#ffffff;font-size:18px;font-weight:bold;}

/* 포모나휘핑 */
#whipping640 {width:100%; height:100%; margin:auto; padding-top:40px;}
#whipping640 li {text-align:center;}
#whipping640 li a img {width:98%; height:100%;}



/* BASIC css end */