/* BASIC css start */
/* 롤링배너 */
#mainVisual { visibility: hidden; position:relative; overflow:hidden;  }
#mainVisual img {width:100%;}
#mainVisual .bx-pager{position:absolute;bottom:10px;left:0;right:0;z-index:60;text-align:center;}
#mainVisual .bx-pager-item{transition:all 0.3s ease;-webkit-transition:all 0.3s ease;display:inline-block;position:relative;}
#mainVisual .bx-pager-link{display:inline-block;width: 18px;height: 4px;font-size:0;margin: 0 2px;background-color: rgba(140, 140, 140, 0.8);}
#mainVisual .bx-pager-link.active{width: 18px;background-color: rgba(45, 45, 45, 0.8);}
#mainVisual .bx-controls-direction {position:absolute;top:50%;z-index:60;text-align:center;width: 100%; opacity:0;}
#mainVisual .bx-prev, #mainVisual .bx-next{position:absolute;top:0;margin-top:-30px;font-size: 24px;display:inline-block;width:50px;height:50px;line-height: 50px; background:#fff; border-radius:100px;/*border: 1px solid rgba(255, 255, 255, 0);transition:all 0.3s ease;-webkit-transition:all 0.3s ease;*/color:#2e2e2e;}
#mainVisual .bx-prev{left: 30%;margin-left: 0px; }
#mainVisual .bx-next{right: 30%;margin-right: 0px; }


/*서브 슬라이드 배너*/
.mdlArea01{position:relative;padding:0x; margin: 20px auto 50px}
.mdlArea01:after{content:"";display:block;clear:both;}
.mdlArea01 .center{padding-bottom:13px;}
.mdlArea01 .sliderArea{padding:0 2%}
.mdlArea01 .sliderArea a{display:block}
.mdlArea01 img{width:100%;height:auto;  }
.mdlArea01 .bx-pager{position:absolute;left:0;right:0;z-index:60;text-align:center;}
.mdlArea01 .bx-pager-item{transition:all 0.3s ease;-webkit-transition:all 0.3s ease;display:inline-block;position:relative;}
.mdlArea01 .bx-pager-link{display:inline-block;width: 18px;height: 4px;font-size:0;margin: 0 2px;background-color: rgba(140, 140, 140, 0.8); }
.mdlArea01 .bx-pager-link.active{width: 18px;background-color: rgba(45, 45, 45, 0.8);}


.mdlArea01 .middleList{    background: #f5f5f5;overflow: hidden;}
.mdlArea01 .middleList .mdThumb{width:50%; float:left;visibility: visible;}
.mdlArea01 .middleList .mdThumb img{    width: 100%;}
.mdlArea01 .middleList a{display:block}
.mdlArea01 .middleList .md_tx{width:50%; float:left; text-align: center; padding-top: 6%;  padding-bottom: 6%;}
.mdlArea01 .middleList .md_tx .tit { display:block; font-weight:bold}
.mdlArea01 .middleList .md_tx .subtit { display:block}



/* 메인 중간 배너 */
.mdlAreaImg {margin: 80px auto 60px;}
.mdlAreaImg img{width:100%; max-width:100%; height:auto;}


/* tabProduct */
#tabProduct {visibility:hidden;position:relative; margin: 0px auto 40px;}
#tabProduct .newCate_prod { position:relative }
#tabProduct .newCate_prod .newCateTab {zoom: 1;overflow: hidden;margin: 0 10px 20px;text-align:center;}
#tabProduct .newCate_prod .newCateTab li{display: inline-block; width:25%;text-align:center; font-size:14px }
#tabProduct .newCate_prod .newCateTab li a {height: 40px;line-height: 40px;margin: 0 2px;text-overflow: clip;white-space: nowrap;overflow: hidden;}
#tabProduct .newCate_prod .newCateTab li a.active { border-bottom:2px solid #111; font-weight:bold; padding-bottom:4px}


/* 메인 타이틀 */
.main h3 {font-size: 16px;display: inline-block;margin: 35px auto 20px;font-weight: bold;width: 100%;text-align: center;line-height: 20px;}



/* BASIC css end */