/* BASIC css start */
#main { position: relative;  width:985px;  }
#main .visual-banner { zoom: 1; overflow: hidden; }
#main .visual-banner .visual { float: left;  }
#main .visual-banner .banner { float: right; width: 256px; }
#main .visual-banner .banner h2 { margin: 15px 0 0 12px; }
#main .visual-banner .banner h2 a { color: #9fc2bc; font-family: Tahoma; font-size: 14px; font-weight: bold; }
#main .visual-banner .banner h2 a em { color: #bebebe; }
#main .visual-banner .banner .dsc { margin: 15px 0 0 12px; }
#main .visual-banner .banner .notice,
#main .visual-banner .banner .attendance { width: 254px; height: 157px; margin-bottom: 5px; border: 1px solid #e4e4e4; }
#main .visual-banner .banner .notice li { width: 100%; overflow: hidden; margin-bottom: 5px; white-space: nowrap; text-overflow: ellipsis; }
#main .visual-banner .banner .notice li a { line-height: 18px; color: #828282; }
#main .visual-banner .banner .attendance { background: url(/images/d3/peppermint/dsc_attendance_h94.gif) no-repeat 135px 55px; color: #959595; }
#main .visual-banner .banner .attendance a.go { display: block; margin-top: 10px; color: #abb2e2; font-size: 11px; letter-spacing: -1px; }
#main #stepBanner,
#main #mainBanner,
#main #headline,
#main #moveProduct { position: relative; margin-top: 20px; }
#main .md-wrap { margin-top: 5px; padding: 12px 24px; border: 1px solid #e4e4e4; }
#main .md-wrap .hd { text-align: center; color: #7e6b61; font-size: 16px; font-weight: bold; }
#main .md-wrap .item-list { padding-bottom: 0; }
#main .md-wrap .item-list .item { width: 158px; margin-top: 15px; }
#main .md-wrap .item-list .item .thumb { width: 140px; height: 140px; border: 1px solid #d8d8d8; }
#main .md-wrap .item-list .item .info { width: 140px; }

/* 메인비쥬얼 */
.mainSpot { margin:0 auto; position:relative; width:985px; height:545px; overflow:hidden;border:0px solid red; }
.mainSpot li {  text-align:right;}
.mainSpot li img { width:985px; height:545px; }
.mainSpot .bx-controls-direction { position:absolute; top:230px; left:0; width:100%; z-index:300 }
.mainSpot .bx-controls-direction a { position:absolute; top:0; width:29px; height:55px; text-indent:-9999em; background:url(/design/alganic/new/main/sp_spot_arr.png) 0 0 no-repeat; opacity:0.3; }
.mainSpot .bx-controls-direction .bx-prev { left:30px; background-position:0 0 }
.mainSpot .bx-controls-direction .bx-next { right:30px; background-position:0 -55px }
.mainSpot .bx-pager { margin-left:-50px; position:absolute; top:25px; right:2%; text-align:center; z-index:300 }
.mainSpot .bx-pager .bx-pager-item { padding:0 10px; float:left }
.mainSpot .bx-pager .bx-pager-item a { display:block; width:11px; height:11px; text-indent:-9999em; background:url(/design/alganic/10449/phps/main/sp_spot_pager.png) 0 0 no-repeat }
.mainSpot .bx-pager .bx-pager-item a.active { width:22px; background-position:0 -11px }




/* 탭메뉴 */
.mainTabmenu { text-align:left; overflow:hidden; }
.mainTabmenu ul.tabs { margin: 0 auto; list-style: none; }
.mainTabmenu ul.tabs li{ cursor: pointer; text-align:center; border:1px solid #e0e0e0;background: #ededed; color: #222; display: inline-block; font-size:16px; color:#101010; letter-spacing:-1px; font-weight:700;  font-family: 'Noto Sans KR',sans-serif; font-style: normal;  }
.mainTabmenu ul.tabs li.current{ background: none; color: #222; }
.mainTabmenu .tab-content { display: none;  background: #fff; overflow:hidden; }
.mainTabmenu .tab-content.current { display: inherit;} 

/* BASIC css end */