@charset 'utf-8';
#container {width:100%; padding-bottom:40px;}
#content {margin-bottom:0;}

.main_visual_bg {background:#fff ;}
.main_visual {width:1240px;padding-top:10px; height:450px;margin:0 auto; box-sizing:border-box;display:block;}

/* 메인베너 A타입 */
.mainPromotion {float:left; width:748px; position:relative;background:#fff;}
.mainPromotion:after{content:""; height:75px; width:100%; display:block; background:linear-gradient(#00ff0000, #000 300%); position: absolute; bottom: 0px; z-index: 9; }
.mainPromotion img {width:748px; height:440px;}
/* swiper */
.mainPromotion ul{ }
.mainPromotion ul li a{display:block;}
.mainPromotion ul li img{width:100%; }
.mainPromotion .slide_page{bottom:0 !important}
.mainPromotion .slide_page.sub span{width:14px; height:14px;}
.mainPromotion .slide_page span{display:inline-block; width:14px; height:14px; border:none; position:relative; opacity:1 !important; margin:0 6px 15px 6px !important; border-radius:50%; background: #00ff0000; border: 1px solid rgba(0, 0, 0, 0.3); }
.mainPromotion .slide_page span.swiper-pagination-bullet-active:before{content:""; display:inline-block; position:absolute; width:100%; height:100%; left:50%; top:50%; transform:translate(-50%, -50%);  border-radius:50%; background: rgba(0, 0, 0, 0.8); border: 1px solid #000;}
/* .mainPromotion .slide_page span.swiper-pagination-bullet-active:before{content:""; display:inline-block; position:absolute; width:50%; height:50%; left:50%; top:50%; transform:translate(-50%, -50%); background:#000000; border-radius:50%;}*/
.main_visual .thumb {float:right;width:482px;}
.main_visual .thumb li {width:482px; height:215px; background:#fff; overflow:hidden;}
.main_visual .thumb li:first-child {margin-bottom:10px;}
.main_visual .thumb li img {width:482px; height:215px;}

/* 메인베너 B타입 추가 적용*/
.mainPromotionB {float:right;}
.main_visual .thumbB {float:left;}

/* 메인베너 C타입 추가 적용*/
.mainPromotionC {float:left; width:1240px; position:relative;background:#fff;}
.mainPromotionC:after{content:""; height:75px; width:100%; display:block; background:linear-gradient(#00ff0000, #000 300%); position: absolute; bottom: 0px; z-index: 9; }
.mainPromotionC img {width:1240px; height:440px;}
.main_visual .thumbC {display: none;}


.main_section1,
.main_section2,
.main_section3,
.main_section4,
.main_section5,
.main_section6 {width:1240px;margin:30px auto 0; box-sizing:border-box;display:block;}

.main_section1 {background:#fff; position:relative;}
.main_section1 .mainSec1 {position:relative; height:400px;}

/* 170824 공동구매 css추가 */
.main_section1 .group_mainSec {position:relative; height:auto;}
.main_section1 .group_mainSec .list_col4{padding:0; }
.main_section1 .group_mainSec .list_col4 .item{min-height:385px;}
.main_section1 .group_mainSec .list_col4.first{padding:30px 0 0;}
.main_section1 .group_mainSec .list_col4.first .item{ margin-bottom:0;}
.main_section1 .group_mainSec .list_col4 .item .text_sec .groupTime{font-size:13px; margin-bottom:6px;}
.main_section1 .group_mainSec .list_col4 .item .text_sec li.u_name{margin-bottom:10px;}
.main_section1 .group_mainSec .list_col4 .item .text_sec li.u_cost{font-size:14px;}
.main_section1 .group_mainSec .list_col4 .item .text_sec li.u_cost s{color:#999; margin-right:3px;}

.main_section2 {height:440px;}
	.mainSec2 {float:left; width:748px; height:440px; position:relative;background:#dbe9f8;}
	.mainSec2 .list_col5 .item {margin-right:27px !important; margin-bottom:30px;}

	/* swiper */
	.mainSec2 ul{ }
	.mainSec2 ul li a{display:block;}
	.mainSec2 ul li img{width:100%; }
	.mainSec2 .slide_page{bottom:0 !important}

.main_section2 .thumb {float:right;width:482px;}
.main_section2 .thumb li {width:482px; height:215px; overflow:hidden; background:#fff;}
.main_section2 .thumb li:first-child {margin-bottom:10px;}
.main_section2 .thumb li img {width:482px; height:215px;}

.main_section4 {height:366px;}
	.mainSec4 {float:left; width:748px; height:366px; position:relative; background:#ddd;}
	.mainSec4 .list_col5 .item {margin-right:27px !important; margin-bottom:30px;}

	/* swiper */
	.mainSec4 ul{ }
	.mainSec4 ul li a{display:block;}
	.mainSec4 ul li img{width:100%; }
	.mainSec4 .slide_page{bottom:0 !important}

.main_section4 .thumb {float:right;width:482px;}
.main_section4 .thumb li {float:left;width:241px; height:183px;}
.main_section4 .thumb li img {width:241px;height:183px;}

.main_section3,
.main_section5,
.main_section6 {background:#fff;}

.main_sec_title.ty02 {padding:0 !important; font-size:0 !impotant;}
.main_sec_title {padding:10px 0px 0px 0px; height:60px; line-height:60px; font-size:32px; font-weight:700; position:relative; box-sizing:border-box;}
.main_sec_title strong {font-weight:700; position:relative;}
.main_sec_title strong:after {content:""; display:inline-block; width:100%; height:1px; background:#dc0072; position:absolute; left:0; bottom:-13px}
.main_sec_title span.btnGo {position:absolute; width: 360px; height:34px; line-height:34px; left:50%; top:770px; margin-left: -180px; display: inline-block; padding-right:14px; font-size:13px; font-weight: 300; color:#333; border: 1px solid #ccc;  }
.main_sec_title span.btnGo:after{content:""; display: inline-block; width:7px; height:7px; border:1px solid #666; border-top:none; border-left:none; transform:rotate(-45deg) translateY(-50%);position:absolute; right:160px; top:16px; }

.main_promotion_banner {margin: 0 auto 15px auto; width: 1240px;}

/* 공동구매 추가  */
.main_section1 .group_soldout{position:absolute; left:-1px; top:-1px; width:calc(100% + 2px); height:calc(100% + 2px); background:rgba(00,00,00,0.5);}
.main_section1 .group_soldout span{display:inline-block; width:197px; height:150px; background:url("../../_images/dcg/sub/group_soldOut.png") no-repeat left top; overflow:hidden; line-height:9999px; position:absolute; left:50%; top:50%; margin:-75px 0 0 -98px }