/* BASIC css start */
/* header */

#header .hdMid .hd_logo { color:#fff !important}
#header .hdBtm .listWrap a,
#header .hdBtm .listWrap i { color:#fff !important; vertical-align: middle; padding-right: 3px;}
#header .hdBtm .cateWrap .tmenu a{ color:#fff !important}
#header .hdBtm .menuArea a {color:#fff !important}
#header .hdBtm .menuArea i {color:#fff !important}
#header .hdBtm .rightWrap a,
#header .hdBtm .rightWrap i { color:#fff !important}
#header .hdBtm .cateWrap .tmenu .depth2 a{ color:#000 !important}


/* header fixed */
#header.fix {height:60px !important}
#header.fix .hdBtm {top: 0px !important;}
#header.fix { background:rgba(255,255,255,1); !important}
#header.fix .hdMid .hd_logo { color:#000;     display: none; !important}
#header.fix .hdBtm .listWrap a,
#header.fix .hdBtm .listWrap i { color:#000  !important}
#header.fix .hdBtm .cateWrap .tmenu a{ color:#000 !important}
#header.fix .hdBtm .menuArea a {color:#000 !important}
#header.fix .hdBtm .menuArea i {color:#000 !important}
#header.fix .hdBtm .rightWrap a,
#header.fix .hdBtm .rightWrap i { color:#000 !important}


/* 메인이미지 */
#slides { position: relative }
#slides .slides-container { display: none }

.slides-navigation { margin: 0 auto; position: absolute; z-index: 3;  top: 50%; margin-top: -40px; width: 100%; }
.slides-navigation a { position: absolute; display: block; }
.slides-navigation i { font-size: 80px; color: #fff; }
.slides-navigation a.prev { left: 20px; }
.slides-navigation a.next { right: 20px; }
.slides-pagination { position: absolute; z-index: 3; bottom: 0; text-align: center; width: 100%; padding-bottom: 33px;}
.slides-pagination a { border: 2px solid #fff; border-radius: 15px; width: 15px; height: 15px;  display: -moz-inline-stack;  display: inline-block; vertical-align: middle; *vertical-align: auto;  zoom: 1;  *display: inline;  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII=");
  margin: 2px;  overflow: hidden;  text-indent: -99999px;  outline: 0;}
.slides-pagination a.current { background: #fff; }
.slides-pagination a:focus{  outline:none;   border:1px solid #4D90FE;  -webkit-box-shadow: 0px 0px 5px  #4D90FE;  box-shadow: 0px 0px 5px  #4D90FE;}


/* 메인 서브 배너 */
.mnBn { width: 100%; }
.mnBn ul::after { display: block; clear: both; content: ''; width: 100%; }
.mnBn ul li div { width: 100%; height: 100%; display: table; }
.mnBn ul li { float: left; overflow: hidden; ;}
.mnBn ul li div.txtArea {margin-top: 75px; text-align:center}
.mnBn ul li div.txtArea .mnTit{font-size:40px; font-weight:400; color:#fff;    }
.mnBn ul li div.txtArea .mnCap{font-size:40px; font-weight:700; color:#fff;    }
.mnBn ul li div.txtArea .mnMoreBtn{  border:2px solid #fff; background:rgba(225,225,225,0); width:120px; border-radius:5px; height:40px; margin-top:15px; text-align:center; line-height:40px; margin: 30px auto;}
.mnBn ul li div.txtArea .mnMoreBtn a {font-size:16px; color:#fff;     display: block;  line-height: 40px;}
.mnBn ul li div.txtArea .mnMoreBtn a:hover {color:#000; background:#fff;}
.mnBn ul li.mn1 { width: 50%; height: 349px; background: url(//skin.makeshop.co.kr/skin/tem129/mnbn01.jpg) no-repeat center center; background-size: cover; }
.mnBn ul li div.txtArea2{ margin-top: 75px; text-align:center}
.mnBn ul li div.txtArea2 .mnTit{font-size:40px; font-weight:400; }
.mnBn ul li div.txtArea2 .mnCap{font-size:40px; font-weight:700;}
.mnBn ul li div.txtArea2 .mnMoreBtn{ border:2px solid #000; background:rgba(225,225,225,0); width:120px; border-radius:5px; height:40px; margin-top:15px; text-align:center; line-height:40px; margin: 30px auto;}
.mnBn ul li div.txtArea2 .mnMoreBtn a{font-size:16px;  display: block;  line-height: 40px;}
.mnBn ul li div.txtArea2 .mnMoreBtn a:hover {color:#fff; background:#000;}
.mnBn ul li.mn2 { width: 50%; height: 349px; background: url(//skin.makeshop.co.kr/skin/tem129/mnbn02.jpg) no-repeat center center; background-size: cover; }

/* weekly best */
.weeklyitem {width: 1200px;margin: 100px auto; *zoom: 1;position: relative;}
.weeklyitem:after { content: " "; display: block; clear: both; }
.weeklyitem h2 {text-align: center;font-size: 20px;color: #1e1e1e;margin: 15px auto 30px;text-transform: uppercase;font-weight: bold;}
.bSder li { float: left; }
.bx-wrapper { position: relative; padding: 0; *zoom: 1; margin:0 auto }
.bx-wrapper .MS_prod_img_s { max-width: 100%; height: 250px; display: block; }
/* PAGER */
.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; }
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; }
.bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000 }
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-prev,
.bx-next { position: absolute; top: 50%; z-index: 99; cursor: pointer; font-size: 50px; margin-top:40px}
.bx-prev { left:0; }
.bx-next { right:0; }


/*게시판*/
.boardWrap{position: relative; height:500px; background: #edf1f4; width:100%}
.boardWrap .leftlist{width: 450px; float: left;margin-top: 60px;}
.boardWrap .leftlist p{display:block; font-weight:bold; font-size:20px }
.boardWrap .leftlist span{float:right;}
.boardWrap .leftlist span i{font-size:16px}
.boardWrap .leftlist .boardlist{margin-top:10px; clear:both}
.boardWrap .leftlist .boardlist li{background:#fff; height:40px; padding-left:15px; line-height:40px ;border-bottom: 1px solid #edf1f4; }
.boardWrap .leftlist .mt30{margin-top:30px}
.boardWrap .midbn{float: left; margin-top: 60px; margin-left: 50px;}
.boardWrap .midbn li {float: left; width:330px; padding-left:20px}
 


/* 메인 중간 배너 */
.mdlArea01 { margin-top: 50px; }

/* 상품 타이틀 */
.h_title {padding: 70px 0 35px;text-align:center;}
.h_title h3 { font-size: 24px; font-weight:bold; color:#292929; }

/* special item */
#specialItem .item-wrap .item-cont .item-list{ width:228px; padding:0 15px 40px 0 }
#specialItem .item-wrap .item-cont .item-list .thumb a { width: 100%; }
#specialItem .item-wrap .item-cont .nomg { padding-right:0px }




/* BASIC css end */