/* BASIC css start */
/* 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 h3 {font-size:1.250em; display: inline-block; margin:45px 0 18px 0; padding-top:6px; border-top:1px solid #3b3b3b;}
.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;}

/*쿠폰 혜택 버튼*/
.main .coupon-benefit {position:relative; margin:-25px 0 10px 0} 
.main .btn-coupon { display:inline-block; height:16px; padding:0; margin-left:5px; border:1px solid #000; font-size:10px;}
.main .btn-coupon span { display:inline-block; height:16px; padding:0 5px; color:#fff; background:#000; vertical-align:top; font-size:11px; }
.main .btn-coupon em { display:inline-block; height:16px; padding:0 3px 0 0; font-size:10px; vertical-align:top; color:#000; }

/* 메인 비쥬얼 배너 */
#mainSpot { position:relative; padding-top:108px; padding-bottom:50px; width:100%; overflow:hidden; background:url(http://energedic.img4.kr/sj_mimg_bg01.png) center no-repeat; background-size:cover; }


#mainSpot:before {content:"";display:block;position:absolute;top: 50px;left:50%;margin-left: -160px;background:url(http://energedic.img4.kr/sj_mimg_txt01.png) center no-repeat;width: 320px;height: 26px;background-size: contain;}
#mainSpot .bx-pager { position:absolute; bottom:20px; left:0; right:0; height:11px; text-align:center }
#mainSpot .bx-pager .bx-pager-item { display:inline-block;  margin:0 7px }
*:first-child+html #mainSpot .bx-pager .bx-pager-item { display:inline } /* IE7 Hack */
#mainSpot .bx-pager .bx-pager-item a { display:block; width:11px; height:11px; text-indent:-9999em; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/main/sp_spot_pager.png) 0 0 no-repeat }
#mainSpot .bx-pager .bx-pager-item a.active { background-position:0 -11px }

#mainSpot .sj_md01 img {width:100%; border:1px solid #837266; border-radius:16px;}
#mainSpot .sj_md01 .dv1 {padding:7px; border-radius:16px; overflow:hidden; background:#ffffff; box-shadow:4px 4px 4px 4px rgb(0 0 0 / 18%);}

.sj_wmd01 {overflow:hidden;}
.sj_wmd01 .sj_md01 {padding-left:10px; padding-right:10px; padding-bottom:20px;}
.sj_wmd01 .sj_md02 {padding:0 10px;}
.sj_md02 .sj_mdt01 {font-size:20px; line-height:24px; font-weight:700;}
.sj_md02 .sj_mdt02 {font-size:16px; line-height:20px; font-weight:500; margin-top:5px; }

.sj_mdt03 a {display:inline-block; border:1px solid #000000;height:32px;  line-height:32px; padding:0 20px; border-radius:16px;}
.sj_mdt03 a span {display:inline-block; padding-right:20px; font-size:16px; background:url(http://energedic.img4.kr/ico_arr_rt01.png) right center no-repeat;}
.sj_mdt03 {margin-top:10px;}


#mainSpot .bx-prev {position:absolute; text-indent:-999px; font-size:0px; top:50%; margin-top:-31px; left:10px; background:url(http://energedic.img4.kr/ico_arr_prev01.png) center no-repeat; background-size:cover; width:24px; height:24px; display:block;}
#mainSpot .bx-next {position:absolute; text-indent:-999px; font-size:0px; top:50%; margin-top:-31px; right:10px; background:url(http://energedic.img4.kr/ico_arr_next01.png) center no-repeat; background-size:cover; width:24px; height:24px; display:block;}



























/* BASIC css end */


/* BASIC css end */