/* BASIC css start */
/* 메인 비쥬얼 배너 */
#mainSpot { position:relative; width:100%; min-width:1100px; height:500px; overflow:hidden }
#mainSpot .inner { margin-left:-1000px; position:absolute; top:0; left:50%; right:0; width:2000px; height:500px }
#mainSpot .bx-pager { position:absolute; bottom:15px; left:0; right:0; height:11px; text-align:center }
#mainSpot .bx-pager .bx-pager-item { display:inline-block;  margin:0 7px }
*:first-child+html #mainSpot .bx-pager .bx-pager-item { display:inline } /* IE7 Hack */
#mainSpot .bx-pager .bx-pager-item a { display:block; width:11px; height:11px; text-indent:-9999em; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/main/sp_spot_pager.png) 0 0 no-repeat }
#mainSpot .bx-pager .bx-pager-item a.active { background-position:0 -11px }

/* 이미지 배너 */
.imgBanner { margin:30px auto 0; position:relative; width:1100px; overflow:hidden }
.imgBanner ul { *zoom:1 }
.imgBanner ul:after { display:block; clear:both; content:'' }
.imgBanner ul li { padding-right:10px; float:left }

/* 상품 목록 영역 */
.product-wrap { margin:0 auto; position:relative; width:100%;}

/* 고정 이미지 배너 */
.fixedBnnr { position:relative; width:100%; min-width:1100px; height:220px; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/main/fixbn.jpg) center top no-repeat fixed }
.fixedBnnr .inner { margin:0 auto; position:relative; width:1100px; text-align:center }
.fixedBnnr .inner .tx { padding-top:100px; font-size:16px; color:#fff; letter-spacing:16px }


/* 컬러칩 */
.abcd span {display:inline-block; width:10px; height:10px; border:1px solid #dddddd;}
.abcd { margin-bottom:12px; }

.main_txt { width: 900px; margin: 0 auto; text-align:center; margin-bottom: 80px;}
.main_txt p { font-size: 24px; text-align: center; line-height: 22px; color: #151515; letter-spacing: 1px; padding-top: 150px; padding-bottom: 20px;}
.main_txt span { color: #151515; font-size: 12px; letter-spacing: 0.5px; line-height:20px; }

.main_banner { width:100%; background:#fbfbfb; height:1300px; margin:0 auto; margin-bottom: 120px; }
.main_banner:after { display:block; content:""; clear:both;}
.main_banner .banner_area { margin: 0 auto; width: 75%; }
.main_banner .banner_area .banner_left { float:left; width:49.6%; }
.main_banner .banner_area .banner_left li:last-child { padding-top:1.5%; }
.main_banner .banner_area .banner_right { float:right; width:49.6%; } 

.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}
.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.banner01, .banner02, .banner03 { position: relative; width: 100%; }
.banner01:hover .image { opacity: 0.6; }
.banner01:hover .middle { opacity: 1; }
.banner02:hover .image { opacity: 0.6; }
.banner02:hover .middle { opacity: 1; }
.banner03:hover .image { opacity: 0.6; }
.banner03:hover .middle { opacity: 1; }


/*고정 배경 이미지*/
#line-bg {
    position: relative;
    text-align: center;
    background: url(/design/gaaroo/hdesign/img/bg.jpg) no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
    height: 700px;
    margin-top: 100px;
    margin-bottom: 100px;
}
.bg-txt-img { padding-top: 280px; }
/* BASIC css end */