/* BASIC css start */
#menu { position:relative; overflow:hidden }
#menu ul { *zoom:1; border-top:1px solid #333; border-bottom:1px solid #333; margin-bottom:5px; }
#menu ul:after { display:block; clear:both; content:'' }
#menu ul li.one { margin-left:-1px; float:left; width:100%; border-left:1px solid #ccc; border-bottom:1px solid #ccc; }
#menu ul li.one_ceramic { margin-left:-1px; float:left; width:100%; border-left:1px solid #ccc; border-bottom:1px solid #ccc; }
#menu ul li.three { margin-left:-1px; float:left; width:75%; border-left:1px solid #ccc; border-bottom:1px solid #ccc; }
#menu ul li.four { margin-left:-1px; float:left; width:25%; border-left:1px solid #ccc; border-bottom:1px solid #ccc; text-align:left; }
#menu ul li.four_narrow { margin-left:-1px; float:left; width:25%; border-left:1px solid #ccc; border-bottom:1px solid #ccc; text-align:left; letter-spacing:-1px; }
/*narrow 7글자이상시 letter-spacing 사용해 간격줄일때 사용*/
#menu ul li a { display:block; padding:8px 0px 8px 5px; font-size:11px; color:#222; }
#menu ul li a .icon { position:absolute; overflow:hidden; width:20px; height:20px; background:url(http://hjtile.negagea.kr/hjtile/site/mobile/main/menu_icon_02.png) 0 0 no-repeat; }
#menu ul li a .icon_ceramic { position:absolute; overflow:hidden; width:60px; height:20px; background:url(http://hjtile.negagea.kr/hjtile/site/mobile/main/menu_icon_ceramic.png) 0 0 no-repeat; }
#menu ul li a .icon30 { background-size:60px auto; background-position:0 0px }
#menu ul li a .icon1 { background-size:20px auto; background-position:0 0px }
#menu ul li a .icon2 { background-size:20px auto; background-position:0 -20px }
#menu ul li a .icon3 { background-size:20px auto; background-position:0 -40px }
#menu ul li a .icon4 { background-size:20px auto; background-position:0 -60px }
#menu ul li a .icon5 { background-size:20px auto; background-position:0 -80px }
#menu ul li a .icon6 { background-size:20px auto; background-position:0 -100px }
#menu ul li a .icon7 { background-size:20px auto; background-position:0 -120px }
#menu ul li a .icon8 { background-size:20px auto; background-position:0 -140px }
#menu ul li a .icon9 { background-size:20px auto; background-position:0 -160px }
#menu ul li a .icon10 { background-size:20px auto; background-position:0 -180px }
#menu ul li a .icon11 { background-size:20px auto; background-position:0 -200px }
#menu ul li a .icon12 { background-size:20px auto; background-position:0 -220px }
#menu ul li a .icon13 { background-size:20px auto; background-position:0 -240px }
#menu ul li a .icon14 { background-size:20px auto; background-position:0 -260px }
#menu ul li a .icon15 { background-size:20px auto; background-position:0 -280px }
#menu ul li a .icon16 { background-size:20px auto; background-position:0 -300px }
#menu ul li a .icon17 { background-size:20px auto; background-position:0 -320px }
#menu ul li a .icon18 { background-size:20px auto; background-position:0 -340px }
#menu ul li a .icon19 { background-size:20px auto; background-position:0 -360px }
#menu ul li a .icon20 { background-size:20px auto; background-position:0 -380px }
#menu ul li a .icon21 { background-size:20px auto; background-position:0px -400px }
#menu ul li a .icon22 { background-size:20px auto; background-position:0px -420px }
#menu ul li a .icon23 { background-size:20px auto; background-position:0px -440px }
#menu ul li a .icon24 { background-size:20px auto; background-position:0px -460px }
#menu ul li a .icon25 { background-size:20px auto; background-position:0px -480px }
#menu ul li a .icon26 { background-size:20px auto; background-position:0px -500px }
#menu ul li a .icon27 { background-size:20px auto; background-position:0px -520px }
#menu ul li a .icon28 { background-size:20px auto; background-position:0px -540px }
#menu ul li a .icon29 { background-size:20px auto; background-position:0px -560px }
#menu ul li a .icon31 { background-size:20px auto; background-position:0px -580px }
#menu ul li a .icon32 { background-size:20px auto; background-position:0px -600px }
#menu ul li a .icon33 { background-size:20px auto; background-position:0px -620px }
#menu ul li a .txx_left { display:block; text-align:center;  }
#menu ul li a .txx_left_ceramic { display:block; text-align:center; }
#menu ul li a .txx { display:block; text-align:center; }
#column_top { position:relative }

.main_spot { position:relative; width:100%; height:0; overflow:hidden }
.main_spot ul li img { width:100% }
.main_spot .bx-pager { position:absolute; bottom:0px; left:0; width:100%; text-align:center; z-index:10 }
.main_spot .bx-pager .bx-pager-item { display:inline-block; margin:0 3px }
.main_spot .bx-pager .bx-pager-item a { display:block; width:7px; height:7px; text-indent:-9999em; border-radius:10px; background:#fff }
.main_spot .bx-pager .bx-pager-item a.active { background:#d72a2a }
.main_spot .bx-controls-direction { margin-top:-40px; position:absolute; top:50%; left:0; width:100% }
.main_spot .bx-controls-direction a { position:absolute; top:0; font-size:50px; color:#fff }
.main_spot .bx-controls-direction .bx-prev { left:5px; }
.main_spot .bx-controls-direction .bx-next { right:5px; }

.main_bnnr { padding-top:20px; border-bottom:1px solid #ddd; }
.main_bnnr ul { *zoom:1 }
.main_bnnr ul:after { display:block; clear:both; content:'' }
.main_bnnr ul li { display:block; background-color:#CCC; float:left; width:48%; padding:1%; border-top:2px solid #ccc; }
.main_bnnr ul li.caution { display:block; background-color:#eee; float:left; width:100%; border-top:2px solid #ccc; }
.main_bnnr ul li img { width:100% }

.main_bnnr02 { padding-top:2px; border-bottom:1px solid #ddd; }
.main_bnnr02 ul { *zoom:1 }
.main_bnnr02 ul:after { display:block; clear:both; content:'' }
.main_bnnr02 ul li { float:left; width:100% }
.main_bnnr02 ul li { display:block; padding-right:0px }  
.main_bnnr02 ul li img { width:100% }

.main_color { padding:15px 0 2px 3px; background-color:#fff; text-align:center; font-size:16px; border-top:1px solid #aaa }
.main_color ul { *zoom:1 }
.main_color ul:after { display:block; clear:both; content:'' }
.main_color ul li { float:left; width:25%; padding-top:5px; }
.main_color ul li a { display:block; padding-right:3%; }  
.main_color ul li a img { width:100% }

.main_brand { padding:15px 0 2px 3px; background-color:#fff; text-align:center; font-size:16px; border-top:1px solid #aaa }
.main_brand ul { *zoom:1 }
.main_brand ul:after { display:block; clear:both; content:'' }
.main_brand ul li { float:left; width:24.5%; padding-top:5px; font-size:10px; letter-spacing:-1px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; margin-bottom:2px; padding-bottom:2px; }
.main_brand ul li a { display:block; }  
.main_brand ul li a img { width:100% }  

.main_tit { padding:30px 0 20px 0; position:relative; text-align:center }
.main_tit h2 { font-size:14px; color:#101010; letter-spacing:3px }

#column_new { padding-top:30px; position:relative }
#column_new .list_shopping3x { height:0; text-align:center; overflow:hidden }
#column_new .list_shopping3x ul { width:100%; display:table; table-layout: fixed; box-sizing: border-box; padding:0 3px; text-align:left; font-size:0; }
#column_new .list_shopping3x li { padding-bottom:20px; width:33.33%; display:inline-block; vertical-align:top; }
#column_new .list_shopping3x li a { display:block; position:relative; padding:0 3px; }
#column_new .list_shopping3x li img.listPic { border:1px solid #e8e8e8 }
#column_new .list_shopping3x .list_shoppingInfo { margin-top:10px; text-align:center; font-size:12px }
#column_new .list_shopping3x .listIco { margin-left:-50px; position:absolute; top:0; left:50%; width:28px; height:28px; text-indent:-9999em; background:url(/design/hjtile/10276/m/main/ico_new.png) 0 0 no-repeat; background-size:28px auto }
#column_new .list_shopping3x .bx-pager { width:100%; text-align:center; z-index:10 }
#column_new .list_shopping3x .bx-pager .bx-pager-item { display:inline-block; margin:0 3px }
#column_new .list_shopping3x .bx-pager .bx-pager-item a { display:block; width:7px; height:7px; text-indent:-9999em; border-radius:10px; background:#ddd }
#column_new .list_shopping3x .bx-pager .bx-pager-item a.active { background:#d72a2a }

#column_pick { margin:30px 0; padding:30px 0 18px; position:relative;  background:#fdf6ec /*background:url(/design/hjtile/10276/m/main/bg_md_pick.jpg) top center repeat; background-size:320px auto*/ }
#column_pick .list_shopping3x { height:0; text-align:center; overflow:hidden }
#column_pick .list_shopping3x li { padding-bottom:6px }
#column_pick .list_shopping3x li img.listPic { border:none }
#column_pick .list_shopping3x .bx-pager { margin-top:15px; width:100%; text-align:center; z-index:10 }
#column_pick .list_shopping3x .bx-pager .bx-pager-item { display:inline-block; margin:0 3px }
#column_pick .list_shopping3x .bx-pager .bx-pager-item a { display:block; width:7px; height:7px; text-indent:-9999em; border-radius:10px; background:#ddd }
#column_pick .list_shopping3x .bx-pager .bx-pager-item a.active { background:#d72a2a }

#as_ction_top img { width:100%; margin-top:50px; border-top:1px solid #000;}

#column_best { margin-top:-30px }

#column_whole { margin-top:30px; padding:30px 0 18px; position:relative; background:#f4f4f4 /*background:url(/design/hjtile/10276/m/main/bg_md_whole.jpg) top center repeat; background-size:320px auto*/ }
#column_whole .list_shopping3x { height:0; text-align:center; overflow:hidden }

#column_whole .list_shopping3x li { padding-bottom:20px }
#column_whole .list_shopping3x li img.listPic { border:none; border-radius:20px }
#column_whole .list_shopping3x .bx-pager { width:100%; text-align:center; z-index:10 }
#column_whole .list_shopping3x .bx-pager .bx-pager-item { display:inline-block; margin:0 3px }
#column_whole .list_shopping3x .bx-pager .bx-pager-item a { display:block; width:7px; height:7px; text-indent:-9999em; border-radius:10px; background:#ddd }
#column_whole .list_shopping3x .bx-pager .bx-pager-item a.active { background:#d72a2a }
/* BASIC css end */