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


.cb_main_banner { position: relative; width: 100%; overflow: hidden; }
.cb_main_banner_list { position: relative; width: 100%; margin: 0 auto; }
.cb_main_banner_list .swiper-slide {}
.cb_main_banner_list .swiper-slide img { width: 100%; }

.cb_main_banner_left_bg { position: absolute; width: 100%; height: 100%; background: rgba(71,71,71,0.2); backdrop-filter: blur(5px); top: 0px; left: -100%; z-index: 2; }
.cb_main_banner_right_bg { position: absolute; width: 100%; height: 100%; background: rgba(71,71,71,0.2); backdrop-filter: blur(5px); top: 0px; right: -100%; z-index: 2; }

.cb_main_banner .swiper-pagination-fraction { text-align: right; padding: 0px 20px; width: calc(100% - 40px); font-size: 14px; font-weight: 600; z-index: 1; text-shadow: 0 0 10px #FFFFFF; }
.cb_main_banner .swiper-button-prev { left: -50px; }
.cb_main_banner .swiper-button-next { right: -50px; }
.cb_main_banner .swiper-button-prev:after { font-size: 30px; color: #000000; }
.cb_main_banner .swiper-button-next:after { font-size: 30px; color: #000000; }


.cb_sub_banner { position: relative; width: calc( 100% - 20px ); margin: 0 auto; padding: 20px 10px; overflow: hidden; }
.cb_sub_banner > ul { font-size: 0px; }
.cb_sub_banner > ul > li { display: inline-block; width: 50%; margin-right: 14px; vertical-align: top; letter-spacing: -1px; }
.cb_sub_banner > ul > li:last-child { margin-right: 0px; }
.cb_sub_banner > ul > li img { width: 100%; }
.cb_sub_banner > ul > li > div {}
.cb_sub_banner > ul > li > div > p:nth-child(1) { font-size: 15px; font-weight: 700; padding-top: 20px; }
.cb_sub_banner > ul > li > div > p:nth-child(2) { font-size: 13px; font-weight: 400; padding-top: 5px; }


.cb_video { position: relative; width: 100%; background: #e5e5e5; padding: 65px 0px; margin-top: 75px; overflow: hidden; }
.cb_video_title { text-align: center; }
.cb_video_title p { font-size: 20px; font-weight: 400; }
.cb_video_title p:last-child { font-weight: 700; padding-top: 3px; }

.cb_video_cont { padding: 30px 0px; }
.cb_video_cont > ul { position: relative; width: 100%; margin: 0 auto; }
.cb_video_cont > ul > li { position: relative; width: calc( 100% - 40px ); padding: 25% 0px; margin: 0 auto; }
.cb_video_cont > ul > li iframe { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; overflow: hidden; border-radius: 35px; border: 1px solid #000000; }
.cb_video_list { position: relative; width: 100%; margin: 0 auto; }
.cb_video_list_cont { width: calc( 100% - 40px ); margin: 0 auto; }
.cb_video_list_cont img { width: 100%; cursor: pointer; }
.cb_video_list_cont p { font-size: 13px; font-weight: 500; width: calc( 100% - 10px ); padding-left: 10px; padding-top: 10px; letter-spacing: -1px; }
.cb_video_cont_video { display: none; }

.video_left_bg { position: absolute; width: 100%; height: 100%; top: 0px; left: -100%; background: #e5e5e5; z-index: 2; }
.video_right_bg { position: absolute; width: 100%; height: 100%; top: 0px; right: -100%; background: #e5e5e5; z-index: 2; }

.cb_video_list .swiper-button-prev { left: -50px; }
.cb_video_list .swiper-button-next { right: -50px; }
.cb_video_list .swiper-button-prev:after { font-size: 30px; color: #000000; }
.cb_video_list .swiper-button-next:after { font-size: 30px; color: #000000; }


.main_goods_list { position: relative; width: calc( 100% - 20px ); overflow: hidden; margin: 0 auto; }

.main_good_title { position: relative; width: 100%; margin: 0 auto; padding-bottom: 25px; letter-spacing: -1.5px; }
.main_good_title p { font-size: 15px; font-weight: 500; }
.main_good_title p:nth-child(1) { font-size: 25px; font-weight: 700; padding-bottom: 10px; line-height: 25px; }

[class^='main_add_00'] { position: relative; width: 100%; margin: 0 auto; }
.main_goods_left_bg { position: absolute; width: 100%; height: 100%; top: 0px; left: -100%; background: #ffffff; z-index: 2; }
.main_goods_right_bg { position: absolute; width: 100%; height: 100%; top: 0px; right: -100%; background: #ffffff; z-index: 2; }
[class^='main_add_00'] .swiper-button-prev { top: calc( 50% - 80px ); left: -50px; }
[class^='main_add_00'] .swiper-button-next { top: calc( 50% - 80px ); right: -50px; }
[class^='main_add_00'] .swiper-button-prev:after { font-size: 30px; color: #000000; }
[class^='main_add_00'] .swiper-button-next:after { font-size: 30px; color: #000000; }


.goods_gray_line { position: relative; width: calc( 100% - 40px ); margin: 0 auto; border-top: 1px solid #d8d8d8; padding-top: 50px; margin-top: 50px; }


.goods_more_s { position; relaitve; width: 100%; text-align: center; }
.goods_more { display: inline-block; position: relative; padding: 10px 25px; border: 1px solid #cccccc; border-radius: 50px; background: #ffffff; }
.goods_more { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.goods_more a { font-size: 14px; letter-spacing: 0px; color: #000000; font-weight: 500; }
.goods_more a { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.goods_more:hover { border: 1px solid #000000; background: #000000; }
.goods_more:hover a { color: #ffffff; }


/* BASIC css end */