/* BASIC css start */
#contentWrapper{margin-top:0 !important}


/*.item-wrap {overflow: hidden;margin: 0 auto;}*/

.mainWrap {width:1280px; margin:0 auto}

/* 메인 슬라이드 배너 */
#mainSlider {position:relative;z-index:10;min-width:1280px;_margin-top: 130px;}
#mainSlider .swiper-container { width: 100%; height: 100%; }
#mainSlider .swiper-slide { text-align: center; font-size: 18px; background: #fff; }
#mainSlider .swiper-slide img { width: 100%; display: block; height: auto;}
#mainSlider .swiper-button-next,
#mainSlider .swiper-button-prev { opacity:0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
#mainSlider .swiper-container:hover .swiper-button-next,
#mainSlider .swiper-container:hover .swiper-button-prev { opacity:1; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
#mainSlider .swiper-button-next { right:210px; background:url('//skin.makeshop.co.kr/skin/13199/tem173/arrow_right.png') 0 0 no-repeat; width: 28px; height: 60px;}
#mainSlider .swiper-button-prev { left:210px; background:url('//skin.makeshop.co.kr/skin/13199/tem173/arrow_left.png') 0 0 no-repeat; width: 28px; height: 60px;}
#mainSlider .swiper-pagination-bullets { bottom:26px;}
#mainSlider .swiper-pagination-bullet { width:9px; height:9px; background:#2e2e2e; opacity:1; }
#mainSlider .swiper-pagination-bullet-active { background:#fff;}
#mainSlider .swiper-pagination-fraction{
    width: 70px;
    height: 32px;
    background: #4a5961;
    color: #fff;
    text-align: center;
    border-radius: 30px;
    bottom: 40px;
    line-height: 33px;
    left: unset;}

#mainSlider .swiper-pagination-fraction span{
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
    font-family: 'GmarketSansTTFLight','Campton', sans-serif;}

#contentWrapper h3 {
    font-size: 30px;
    font-family: 'Campton-Bold-DEMO';
    margin-bottom: 35px;}

#contentWrapper h3 .dot{
    margin-left: -11px;
    margin-right: -11px;}

#contentWrapper h3 a.more_view{
    font-family: 'Noto Sans KR';
    font-size: 16px;
    float: right;
    margin-top: 3px;
    color: #777777;}

#contentWrapper h3 a.more_view:after{content: ">";
    background: url(//skin.makeshop.co.kr/skin/brunch/pc/img/more_view_arrow.png) no-repeat;
    display: inline-block;
    font-size: 0;
    background-size: 8px 14px;
    height: 14px;
    width: 8px;
    line-height: 25px;
    margin-left: 7px;}

.Product {position:relative; padding: 140px 0 0;}
.Product .item-wrap { padding: 0;}
.Product .item-wrap .item-cont{width:1280px; padding-bottom:140px;}
.Product .newCate_prod { position:relative }

.Product .newCate_prod .newCateList {position:relative;}
.Product .newCate_prod ul {}
.Product .newCate_prod ul li.itemWrap {
  float: left;
  position: relative;
  width: 300px;
  height: 500px;
  margin-right: 20px;
  box-sizing: border-box;
  }
    
.Product .newCate_prod ul li.itemWrap:nth-last-child(1){margin-right:0}


.Product .newCate_prod ul li .thumb {width: 100%; position:relative; overflow: hidden; background-size: cover !important; }
.Product .newCate_prod ul li .thumb .dcPercent{ 
    font-family: 'Campton-Bold-DEMO';
    color: #fff;
    font-size: 26px;
    position: absolute;
    width: 70px;
    height: 70px;
    background: #004b29;
    text-align: center;
    line-height: 70px;
}

.Product .newCate_prod ul li .thumb .dcPercent em{
    font-family: "Campton Light DEMO";
    font-size: 16px;}

.Product .newCate_prod ul li .thumb a{}
.Product .newCate_prod ul li .thumb img {width:100%;    height: 300px; opacity:0;}
.Product .newCate_prod .prd-info { left:0;right:0;margin-top: 30px; min-height: 100px;}


.Product .newCate_prod ul.list6x{display: flex;}
.Product .newCate_prod ul.list6x li.itemWrap{width: 194px; float: unset; display: inline-block; vertical-align: top;}    
.Product .newCate_prod ul.list6x li .thumb img{height: 194px;}
.Product .newCate_prod ul.list6x li .thumb .dcPercent{width: 55px !important; height: 55px !important; line-height: 58px !important; font-size: 22px;}
.Product .newCate_prod ul.list6x li .thumb .dcPercent em{font-size: 12px;}
.Product .newCate_prod ul.list6x .prd-info{}
.Product .newCate_prod ul.list6x .prd-info .prd-name{font-size:15px}
.Product .newCate_prod ul.list6x .prd-info .prd-price{font-size: 18px; position: relative; margin: 15px 0;  color: #2a2a2a;}
.Product .newCate_prod ul.list6x .prd-info .prd-price del{font-size: 14px;}


.Product .newCate_prod .prd-info .prd-brand{color:#888888; font-size:14px; font-family: "Campton Light DEMO";  min-height: 32.5px;}
.Product .newCate_prod .prd-info .prd-name {
    font-family: 'Noto Sans KR';color:#2a2a2a; margin:0 0 4px;font-size:20px;font-family:}

.Product .newCate_prod .prd-info .prd-price { font-size: 22px; position: relative; margin: 20px 0; color:#2a2a2a}
.Product .newCate_prod .prd-info .prd-price del {font-family: "Campton Light DEMO"; color: #a7a7a7; font-weight: normal; font-size: 16px;}
.Product .newCate_prod .prd-info .prd-price span { }
.Product .newCate_prod .prd-info .prd-price .final_p{
    font-family: 'Campton-Bold-DEMO';}

/* 중간 배너 */
.midBanner { _margin:0 0 140px; }
.midBanner li {}
.midBanner li a { display:block; }
.midBanner li a img { width:100%; }


/*타임세일*/
#timer{border: 1px solid #000; margin: 30px 0; text-align: center; height: 38px; line-height: 39px;}
#timer.end{border:1px solid #e0e0e0;}
#timer em{ color: #000000;font-size: 15px;}
#timer.end em{color:#919191;}
#timer #displayTimeSale{display: inline-block;}
#timer #displayTimeSale .time{
    font-size: 18px;
    font-family: 'Campton-Bold-DEMO';}
#timer #displayTimeSale .time strong{}
#timer #displayTimeSale .time strong.dayday{
    color: #000000;
    margin-left: -4px;
    font-size: 15px;
    font-family: inherit;}


.brand_choice{position: relative;}
.brand_choice .swiper-button-prev{
    top: 36% !important;
    left: 48%;
    transform: translate(-680px,50%);
    background-image: url(//skin.makeshop.co.kr/skin/brunch/pc/img/arrow2-left.png);
    background-size: 36px 70px;
    background-position: center;
    background-repeat: no-repeat;
    width: 36px;
    height: 70px;}
    
.brand_choice .swiper-button-next{
    top:0%;
    right: 48%;
    transform: translate(680px,50%); background-image: url(//skin.makeshop.co.kr/skin/brunch/pc/img/arrow2-right.png);
    background-size: 15px 35px;
    background-position: center;
    background-repeat: no-repeat;
    width: 36px;
    height: 70px;}


/*brand*/
#brand{}
#brand .swiper-slide{}
#brand .swiper-slide a{display: block;}
#brand .swiper-slide a img{width: auto;}


#mainbox { clear:both; width:1280px; height:350px; margin-top:32px; padding-bottom:40px; border-bottom:0px solid #e9e9e9; }
#mainbox #boardArea { float:right; width:460px; height:300px; /* padding-right:20px; border-right:1px solid #e7e7e7; */ }

#mainbox #boardArea h3 { float:left; width:100%; height:50px; border-bottom:0px solid #e9e9e9; margin-bottom:17px; }
#mainbox #boardArea .notice_box li { width:420px; float:left; }

#mainbox #boardArea .notice_box li a { color:#000; float:left; font-size: 16px; line-height:32px; padding:5px 0 0px; }
#mainbox #boardArea .notice_box li a:hover { color:#859b1e; }
#mainbox #boardArea .notice_box li label { float:right; color:#838383; width:40px; font-size: 16px; line-height:32px; padding:5px 0 0px;text-align:right; }


#mainbox #right_line { float:right; height:190px; margin-top:8px; padding-left:20px; border-right:0px solid #e7e7e7; }

#mainbox #hotitem { float:left; height:300px; width:775px; }
#mainbox #hotitem h2 { width:100%; height:50px; border-bottom:1px solid #e9e9e9; margin-bottom:12px; }


/* 인스타그램 */
.instargram { padding:60px 0;  padding-bottom: 0 !important;}
.instargram > ul > li:first-child { width:20% }
.instargram > ul > li { float:left; width:80% }
.instargram .ttl {position:relative; float:left;font-size:34px; font-weight:300;}
.instargram .ttl .btnFollow { }
.instargram .ttl .btnFollow a {display:block;line-height:35px; width:120px; height:35px; border-radius:20px;background:#222;color:#fff;font-size:16px;text-align:center;border:1px solid #222; margin:10px 0;-webkit-transition:all 0.3s ease; transition:all 0.3s ease; }
.instargram .ttl .btnFollow a:hover { background:#fff;color:#222;border:1px solid #222; box-sizing: content-box; }
.instargram img { width:100%;}


/*화살표*/
.btnTop {
    text-align: right;
    width: 1280px;
    margin: 0 auto;
    padding: 85px 0 45px;}
.btnTop a {}
.btnTop a:hover { opacity:0.8; }
.btnTop a.pageTop { }


/* BASIC css end */