/* BASIC css start */
/* 상단 */
#header { background:none !important }
#header.fix { background:#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;}


/* 메인 타이틀 */
.main-tit { padding:70px 0 35px; text-align:center }
.main-tit h2 { font-size:20px }

/* MUST HAVE */
.column-have { margin:0 auto; position:relative; width:1200px; overflow:hidden }
.column-have li { height:286px; overflow:hidden }
.column-have .thumb img { width:100%; height:286px }
.column-have .prd-info-bx { position:absolute; bottom:-141px; left:0; right:0; height:141px; text-align:center }
.column-have .prd-info-bx .prd-info { padding-top:25px; position:relative; z-index:10 }
.column-have .prd-info-bx .prd-name { font-size:14px; color:#fff }
.column-have .prd-info-bx .prd-price { padding-top:3px; font-size:14px; color:#fff }
.column-have .prd-info-bx .prd-quick { padding-top:15px }
.column-have .prd-info-bx .prd-quick a { display:inline-block; margin:0 2px; width:38px; height:38px; font-size:20px; color:#fff; line-height:38px; border:1px solid #fff; border-radius:100% }
.column-have .prd-info-bx .bg { position:absolute; top:0; left:0; right:0; height:141px; background:#000; opacity:0.6; filter:alpha(opacity=60); z-index:0 }
.column-have .bx-wrapper { padding:0 53px; position:relative }
.column-have .bx-prev,
.column-have .bx-next { position: absolute; top:109px; z-index: 99; cursor: pointer; font-size: 50px }
.column-have .bx-prev { left:0 }
.column-have .bx-next { right:0 }

/* NEW ARRIVAL */
.column-new { margin:0 auto; position:relative; width:1200px; overflow:hidden }
.column-new ul { width:1208px; *zoom:1 }
.column-new ul:after { display:block; clear:both; content:'' }
.column-new ul li { margin:0 8px 8px 0; position:relative; float:left; width:294px; height:396px; overflow:hidden }
.column-new ul li .thumb img { width:100%; height:396px }
.column-new ul li .prd-info-bx { position:absolute; bottom:-218px; left:0; right:0; height:218px; text-align:center }
.column-new ul li .prd-info-bx .prd-info { padding-top:30px; position:relative; z-index:10 }
.column-new ul li .prd-info-bx .prd-name { font-size:16px; color:#fff }
.column-new ul li .prd-info-bx .prd-price { padding-top:5px; font-size:16px; color:#fff }
.column-new ul li .prd-info-bx .prd-subname { padding:10px 70px; font-size:12px; color:#fff }
.column-new ul li .prd-info-bx .prd-quick a { display:inline-block; margin:0 2px; width:38px; height:38px; font-size:20px; color:#fff; line-height:38px; border:1px solid #fff; border-radius:100% }
.column-new ul li .prd-info-bx .bg { position:absolute; top:0; left:0; right:0; height:218px; background:#000; opacity:0.6; filter:alpha(opacity=60); z-index:0 }

/* fixed 배너 */
.fixImg { margin:100px auto 0; position:relative; width:100%; min-width:1200px; height:400px; background: url('//skin.makeshop.co.kr/skin/tem91/fix_bg.jpg') no-repeat center top fixed; overflow:hidden }
.fixImg .fixCopy { margin-left:-300px; position:absolute; top:115px; left:50%; width:600px; color:#fff; font-weight:bold; text-align: center; text-shadow: 1px 1px 1px #757575 }
.fixImg .fixCopy .t1 { font-size:20px }
.fixImg .fixCopy .t2 { font-size:50px }
.fixImg .fixCopy .t3 { padding-top:40px }
.fixImg .fixCopy .t3 a { display:inline-block; width:198px; height:54px; font-size:24px; color:#3b3b3b; font-weight:bold; line-height:54px; border:1px solid #fff; background:#fff; -webkit-transition:all 0.3s ease; transition:all 0.3s ease }
.fixImg .fixCopy .t3 a:hover { color:#fff; background:none }
/* BASIC css end */

