/* BASIC css start */
/* 메인비쥬얼 / 배너 */
#mainVisuTop { margin:0px auto; position:relative; width:100%; overflow:hidden; padding-bottom:5px; }
#mainVisuTop .mainVisu { position:relative; *zoom:1 }
#mainVisuTop .mainVisu:after { display:block; clear:both; content:'' }
#mainVisuTop .mainVisu .mainSpot { position:relative; float:left; width:0px; height:0px; overflow:hidden }
#mainVisuTop .mainVisu .mainSpot li img { width:0px; height:0px }
#mainVisuTop .mainVisu .mainSpot .bx-pager { position:absolute; bottom:17px; right:18px; z-index:50 }
#mainVisuTop .mainVisu .mainSpot .bx-pager .bx-pager-item { padding:0 6px; float:left; }
#mainVisuTop .mainVisu .mainSpot .bx-pager .bx-pager-item a { display:block; width:13px; height:13px; text-indent:-9999em; background:url(/design/hjtile/10275/main/sp_spot.png) 0 0 no-repeat }
#mainVisuTop .mainVisu .mainSpot .bx-pager .bx-pager-item a.active { background-position:0 -13px }
#mainVisuTop .mainVisu .mainTopSide { margin-left:9px; float:left; width:313px; height:530px; overflow:hidden }
#mainVisuTop .mainVisu .mainTopSide ul li { margin-bottom:8px; width:313px; height:261px }
#mainVisuTop .mainVisu .mainTopSide ul li img { width:313px; height:261px }

#mainVisuTop .mainTopBn { padding-top:8px; overflow:hidden }
#mainVisuTop .mainTopBn ul { width:1280px }
#mainVisuTop .mainTopBn ul li { float:left;}

/* #contentWrapper .gallery_slider { padding-top:8px; float:left; overflow:hidden; width:640px; } */
#contentWrapper .gallery_slider { margin:0px auto; position:relative; padding-top:20px; overflow:hidden; width:1280px; }
#coordinate { position:relative; height:640px; padding-top:0px; }
#coordinate .main_banner { position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); overflow:hidden; }
#contentWrapper .gap { height:20px; }

/* 컨텐츠 타이틀 */
.main_tit { position:relative; text-align:center }
.main_tit h2 { font-size:20px; color:#101010; letter-spacing:5px }
.main_tit h2 font { font-size:15px; color:#333; letter-spacing:0px }
.main_tit h2 font a { font-size:13px; color:#333; letter-spacing:0px }
/* 컨텐츠 타이틀_수정 */
.main_hj { width:1280px; margin:0 auto; padding-top:0px; position:relative; background:url(http://hjtile.negagea.kr/hjtile/site/main/title_text_01.gif) 0 0 no-repeat; height:35px }
.main_hj h2 { color: #333; font-size: 13px; }

/*↓↓↓언더라인_아래글있는거↓↓↓*/
#wrapper_undertext { width:100%; text-align:center; }
#wrapper_undertext h1 { width:100%; height:100px; padding-top:100px; padding-bottom:0px; color: #151515; font-size: 25px; text-decoration: none; display: inline-block; position: relative; font-family: sans-serif; }
#wrapper_undertext span { color: #777; font-size: 15px; display: inline-block; font-family: sans-serif; z-index:10; }
/*effect-underline*/
#wrapper_undertext .effect-underline:after {
  content: '';
  position: absolute;
  left: 40%;
  top:100px;
  display: inline-block;
  height: 1em;
  width: 20%;
  border-bottom: 2px solid;
  margin-top: 10px;
  opacity: 0;
	-webkit-transition: opacity 0.9s, -webkit-transform 0.9s;
	transition:opacity 0.9s, -webkit-transform 0.9s;
	transition:opacity 0.9s, transform 0.9s;
	transition: opacity 0.9s, transform 0.9s, -webkit-transform 0.9s;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}
#wrapper_undertext .effect-underline:hover:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
/*↑↑↑언더라인↑↑↑*/

/*↓↓↓언더라인↓↓↓*/
#wrapper { width:100%; text-align:center; }
#wrapper h1 { width:100%; height:100px; padding-top:90px; padding-bottom:20px; color: #151515; font-size: 25px; text-decoration: none; display: inline-block; position: relative; font-family: sans-serif; }
/*effect-underline*/
#wrapper .effect-underline:after {
  content: '';
  position: absolute;
  left: 40%;
  display: inline-block;
  height: 1em;
  width: 20%;
  border-bottom: 2px solid;
  margin-top: 10px;
  opacity: 0;
	-webkit-transition: opacity 0.9s, -webkit-transform 0.9s;
	transition:opacity 0.9s, -webkit-transform 0.9s;
	transition:opacity 0.9s, transform 0.9s;
	transition: opacity 0.9s, transform 0.9s, -webkit-transform 0.9s;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}
#wrapper .effect-underline:hover:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
/*↑↑↑언더라인↑↑↑*/


/* 컬러매니아 */
.color_title { text-align:center; margin-top:90px; }
.color_item { margin:0 auto; padding-top:0px; position:relative; width:1280px; overflow:hidden; }
.color_item img { max-width: 178px; max-height: 216px; margin:0 1px; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;}
.color_item a:hover img { -moz-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05);}

/* 브랜드 버튼 */
.brand_item { margin:0 auto; padding-left:0px; position:relative; width:1280px; overflow:hidden; font-size:12px; color:#000; letter-spacing:-1px;  }
.brand_item span { float:left; width:130px; padding:25px 0px 5px 0px; margin:0px 15px 0px 15px; text-align:center; border-bottom: 1px dashed rgba(204, 204, 204, 1); }
.brand_item a { font-size:16px; font-weight:bold; color:#000; }
.brand_item a img { width:100%; }
.brand_item a:hover img { 
  -webkit-mask-image: -webkit-linear-gradient(165deg, rgba(0,0,0,.6) 30%, #000 50%, rgba(0,0,0,.6) 70%);
  -webkit-mask-size: 200%;
  -webkit-animation: shine 2s infinite;
          animation: shine 2s infinite;}

/* effect-shine */
a.effect-shine:hover {
  -webkit-mask-image: -webkit-linear-gradient(165deg, rgba(0,0,0,.6) 30%, #000 50%, rgba(0,0,0,.6) 70%);
  -webkit-mask-size: 200%;
  -webkit-animation: shine 2s infinite;
          animation: shine 2s infinite;
}

@-webkit-keyframes shine {
  from {
    -webkit-mask-position: 150%;
  }
  
  to {
    -webkit-mask-position: -50%;
  }
}


/* 한정수량 */
#sale_p { margin:0 auto; padding-top:90px; position:relative; width:1280px; }
figure.sale_prd { color: #fff; position: relative; overflow: hidden; margin:0 auto; min-width: 220px; max-width: 287px; max-height: 322px; width: 100%; background: #0096dc; text-align: left; }
figure.sale_prd * { -webkit-box-sizing: border-box;  box-sizing: border-box; }
figure.sale_prd img { max-width: 100%; opacity: 1; width: 100%; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; }
figure.sale_prd figcaption { position: absolute; bottom: 0; left: 0; padding: 30px 3em; width: 100%; height: 100%; }
figure.sale_prd figcaption::before { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 100%; border-left: 3px solid rgba(255, 255, 255, 0.8);
  content: ''; opacity: 0; background-color: rgba(255, 255, 255, 0.5); -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }
figure.sale_prd h2,
figure.sale_prd p { margin: 0 0 5px; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s,-webkit-transform 0.35s,-moz-transform 0.35s,-o-transform 0.35s,transform 0.35s;}
figure.sale_prd h2 { color:#fff; word-spacing: -0.15em; font-size:19px; font-weight: 500; text-transform: uppercase; -webkit-transform: translate3d(30%, 0%, 0); transform: translate3d(30%, 0%, 0); -webkit-transition-delay: 0.3s; transition-delay: 0.3s; padding-bottom:50px; }
figure.sale_prd h2 span {color:#fff; font-size:27px; font-weight: bold;}
figure.sale_prd p { padding-bottom:10px; font-size:15px; font-weight: 500; -webkit-transform: translate3d(0%, 30%, 0); transform: translate3d(0%, 30%, 0); -webkit-transition-delay: 0s; transition-delay: 0s;}
figure.sale_prd p img { width:159px; height:43px; opacity: 1; -webkit-transform: translate3d(0%, 0%, 0); transform: translate3d(0%, 0%, 0); -webkit-transition-delay: 0.6s; transition-delay: 0.6s;}
figure.sale_prd a { left: 0; right: 0; top: 0; bottom: 0; position: absolute; color: #ffffff;}
figure.sale_prd:hover img { opacity: 0.3;}
figure.sale_prd:hover figcaption h2 { opacity: 1; -webkit-transform: translate3d(0%, 0%, 0); transform: translate3d(0%, 0%, 0); -webkit-transition-delay: 0.4s; transition-delay: 0.4s;}
figure.sale_prd:hover figcaption p { opacity: 0.9; -webkit-transform: translate3d(0%, 0%, 0); transform: translate3d(0%, 0%, 0); -webkit-transition-delay: 0.6s; transition-delay: 0.6s;}
figure.sale_prd:hover figcaption p img { width:159px; height:43px; opacity: 1; -webkit-transform: translate3d(0%, 0%, 0); transform: translate3d(0%, 0%, 0); -webkit-transition-delay: 0.6s; transition-delay: 0.6s;}
figure.sale_prd:hover figcaption::before { background: rgba(255, 255, 255, 0); left: 30px; opacity: 1; -webkit-transition-delay: 0s; transition-delay: 0s;}

/* new arrival */
#column_new { margin:0 auto; position:relative; width:1280px; overflow:hidden; }
#column_new .newitem-wrap { background-color:#e0e0e0; padding:0 0 6px 0; }
#column_new .newitem-wrap .newitem-cont .newitem-list { padding-top:6px; padding-left:6px; }
#column_new .newitem-wrap .newitem-cont .newitem-list .thumb .ico { position:absolute; top:0px; left:0px; width:45px; height:45px; text-indent:-9999em; background:url() 0 0 no-repeat }
#column_new .newitem-wrap .newitem-cont .newitem-list dd { width:176px; min-height:60px; text-align:center; background-color:#fff }
#column_new .newitem-wrap .newitem-cont .newitem-list dd ul { padding:0px }
#column_new .newitem-wrap .newitem-cont .newitem-list dd ul .prd-brand { padding:5 }a
#column_new .newitem-wrap .newitem-cont .newitem-list dd ul .prd-brand a { font-size:12px; color:#282828 }
#column_new .newitem-wrap .newitem-cont .newitem-list dd ul .prd-size { padding-top:10px; color:#878787 }
#column_new .newitem-wrap .newitem-cont .newitem-list dd ul .prd-name { color:#878787; line-height:15px }
#column_new .newitem-wrap .newitem-cont .newitem-list dd ul .prd-subname { padding-top:5px; font-size:12px; color:#878787 }
#column_new .newitem-wrap .newitem-cont .newitem-list dd ul .prd-price { padding-top:0px; font-size:12px; color:#d72a2a }
#column_new .newitem-wrap .newitem-cont .newitem-list dd ul .prd-price strike { color:#282828 }


/* md's pick */
#column_md { margin-top:40px; position:relative; height:730px; background:#fdf6ec; /*background:url(/design/hjtile/10275/main/bg_sale.jpg) top center repeat-x*/ }
#column_md .main_tit { padding:35px 0 30px }
#column_md .sale_prod_lst { margin:0 auto; width:1280px }
#column_md .item_wrap_add .item-cont { width:1294px }
#column_md .item_wrap_add .item-cont .item-list { margin:0 8px 0 0; width:176px }
#column_md .item_wrap_add .item-cont .item-list .thumb { position:relative; width:176px; height:176px; border:none }
#column_md .item_wrap_add .item-cont .item-list .thumb a { display:block; height:176px; cursor:pointer }
#column_md .item_wrap_add .item-cont .item-list .thumb img { width:176px; height:176px; border-radius:20px; }
#column_md .item_wrap_add .item-cont .item-list .thumb .mask { position:absolute; top:0; left:0; width:176px; height:176px; /*background:url(/design/hjtile/10275/main/mask_sale.png) 0 0 no-repeat; z-index:10*/ }
#column_md .item_wrap_add .item-cont .item-list dd { width:176px }
#column_md .item_wrap_add .item-cont .item-list dd ul { padding:15px 5px }
#column_md .item_wrap_add .item-cont .item-list dd ul .prd-brand { padding:0 }
#column_md .item_wrap_add .item-cont .item-list dd ul .prd-price { padding:0 }

/* BESTSELLERS 형제추천상품 */
#column_best { margin:0 auto; padding-top:0px; position:relative; width:1280px; overflow:hidden }
#column_best .main_tit { padding-bottom:30px }


/* 추가상품1 */
#column_sale { margin-top:40px; position:relative; height:730px; background:#f0f7f8; /*background:url(/design/hjtile/10275/main/bg_sale.jpg) top center repeat-x*/ }
#column_sale .main_tit { padding:35px 0 30px }
#column_sale .sale_prod_lst { margin:0 auto; width:1280px }
#column_sale .item_wrap_add .item-cont { width:1294px }
#column_sale .item_wrap_add .item-cont .item-list { margin:0 8px 0 0; width:176px }
#column_sale .item_wrap_add .item-cont .item-list .thumb { position:relative; width:176px; height:176px; border:none }
#column_sale .item_wrap_add .item-cont .item-list .thumb a { display:block; height:176px; cursor:pointer }
#column_sale .item_wrap_add .item-cont .item-list .thumb img { width:176px; height:176px; border-radius:20px; }
#column_sale .item_wrap_add .item-cont .item-list .thumb .mask { position:absolute; top:0; left:0; width:176px; height:176px; /*background:url(/design/hjtile/10275/main/mask_sale.png) 0 0 no-repeat; z-index:10*/ }
#column_sale .item_wrap_add .item-cont .item-list dd { width:176px }
#column_sale .item_wrap_add .item-cont .item-list dd ul { padding:15px 5px }
#column_sale .item_wrap_add .item-cont .item-list dd ul .prd-brand { padding:0 }
#column_sale .item_wrap_add .item-cont .item-list dd ul .prd-price { padding:0 }

/* 추가상품2 */
#column_sale2 { margin-top:40px; position:relative; height:730px; background:#f4f4f4; /*background:url(/design/hjtile/10275/main/bg_sale.jpg) top center repeat-x*/ }
#column_sale2 .main_tit { padding:35px 0 30px }
#column_sale2 .sale_prod_lst { margin:0 auto; width:1280px }
#column_sale2 .item_wrap_add .item-cont { width:1294px }
#column_sale2 .item_wrap_add .item-cont .item-list { margin:0 8px 0 0; width:176px }
#column_sale2 .item_wrap_add .item-cont .item-list .thumb { position:relative; width:176px; height:176px; border:none }
#column_sale2 .item_wrap_add .item-cont .item-list .thumb a { display:block; height:176px; cursor:pointer }
#column_sale2 .item_wrap_add .item-cont .item-list .thumb img { width:176px; height:176px; border-radius:20px; }
#column_sale2 .item_wrap_add .item-cont .item-list .thumb .mask { position:absolute; top:0; left:0; width:176px; height:176px; /*background:url(/design/hjtile/10275/main/mask_sale2.png) 0 0 no-repeat; z-index:10*/ }
#column_sale2 .item_wrap_add .item-cont .item-list dd { width:176px }
#column_sale2 .item_wrap_add .item-cont .item-list dd ul { padding:15px 5px }
#column_sale2 .item_wrap_add .item-cont .item-list dd ul .prd-brand { padding:0 }
#column_sale2 .item_wrap_add .item-cont .item-list dd ul .prd-price { padding:0 }


/* 주말베스트 */
#main { position: relative; width: 1280px; margin:0 auto; margin-top: 0px; }
#main_hj .title_text { height:35px }
#main .weekly-best { zoom: 1; overflow: hidden; position: relative; height: 622px; background: #fafafa; }
#main .weekly-best .slider { zoom; 1; overflow: hidden; top:28px;}
#main .weekly-best h2 { color: #333; font-size: 0px; text-align: center; }
#main .weekly-best ul { zoom: 1; overflow: hidden; position:absolute; }
#main .weekly-best ul li { float: left; position: relative; width: 194px; height: 194px; margin-left:15px; margin-top:10px; }
#main .weekly-best ul li .cvr { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.6; filter: alpha(opacity=50); }
#main .weekly-best ul li .dsc { display: none; position: absolute; top: 0; left: 0; width: 100%; padding-top: 80px; color: #fff; text-align: center; }
#main .weekly-best ul li .dsc del { color:#dbdbdb; }
#main .weekly-best ul li .dsc p { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom:10px; }
#main .weekly-best ul li .img img { width: 100%; height: 100%; }
#main .weekly-best .btn-prev,
#main .weekly-best .btn-next { position: absolute; top: 160px; width: 12px; height: 19px; text-indent: -9999px; }
#main .weekly-best .btn-prev { left: 15px; background: url('') no-repeat 0 0; }
#main .weekly-best .btn-next { right: 15px; background: url('') no-repeat 0 0; }

/* 아메리칸 컬렉션 */
#as_ction { margin:0 auto; padding-top:100px; position:relative; width:1280px; height:400px; overflow:hidden; }
#as_ction .text { float:left; width:350px; height:400px; overflow:hidden; }
#as_ction .pic { float:right; width:930px; height:400px; }

/* { opacity: 0.8; filter: alpha(opacity=80); } */

/* 분류별 추천상품 */
#group_prd { margin:0 auto; padding-top:0px; position:relative; width:1280px; height:700px; overflow:hidden; }

/*Background scroll effect*/
.object{
height:100%;
width:100%;

background-size:cover;
background-attachment: fixed;
padding:0;
margin-top:100px;
display:table;
background-repeat:no-repeat;
text-shadow : 1px 2px 4px gray;
}

h1{
  margin:0;
  color:#fff;
  font-family:Gill Sans, Gill Sans MT, sans-serif;
  font-size:30px;
  text-align:center;
  display:table-cell;
  vertical-align:middle;
}

.small{
    height:300px;
    background-image:url("http://hjtile.negagea.kr/hjtile/site/main/scroll_bj.jpg") ;
}


/* BASIC css end */