@charset "utf-8";
/* main.css */

/* layout */
#visual{overflow:hidden;position:relative;width:778px;height:344px}
.slideList{position:relative;width:3890px}
.slideList li{float:left}
.slideBtn{position:absolute;right:24px;bottom:15px}
.slideBtn li{float:left}

#contents{position:relative;width:1000px;margin:0 auto;padding:13px 3px}
#contents:after{content:'';display:block;clear:both}

/* 특가상품 */
.proSpecial{position:relative;width:970px;padding:28px 14px 26px 14px;border:1px solid #f2adad;background-color:#ffcfcf}
.proSpecial h3{position:absolute;left:-5px;top:-5px}
.proSpecial ul{overflow:hidden}
.proSpecial ul li{display:inline-block;float:left;width:150px;height:191px;margin:0 15px;padding:7px;background-color:#fff}
.proSpecial ul li img{width:150px;height:145px;padding-bottom:5px}
.proSpecial ul li span{display:block;overflow:hidden;width:150px;height:18px;line-height:18px;letter-spacing:-0.5px;text-align:center;white-space:nowrap;text-overflow:ellipsis}

/* 사무용품, 디지털용품 */
.proBasic{width:984px;margin-top:12px;padding:7px}
.office{border:1px solid #aeb73b;background-color:#c2ca5f}
.digital{border:1px solid #7bbe2e;background-color:#aad873}
.proBasic ul{overflow:hidden;padding:16px 5px 16px 4px;background-color:#fff}
.proBasic ul li{float:left;width:160px;height:168px;padding:0 17px 7px 18px;background:url(/images/main/pro_bg1.gif) repeat-y 0 -1px}
.proBasic ul li:first-child{background-image:none}
.proBasic ul li img{width:160px;height:130px;padding-bottom:2px}
.proBasic ul li span{display:block;overflow:hidden;width:160px;height:18px;line-height:18px;text-align:center;white-space:nowrap;text-overflow:ellipsis}

/* 베스트상품, 신규상품 */
.proBox{position:relative;width:495px;margin-top:12px;background:url(/images/main/pro_bg2.gif) repeat-y 0 0}
.proBest{float:left}
.proNew{float:right}
.proBox ul{overflow:hidden;width:463px;height:444px;padding-left:32px;}
.proBest ul{background:url(/images/main/pro4_bg.gif) no-repeat 0 bottom}
.proNew ul{background:url(/images/main/pro5_bg.gif) no-repeat 0 bottom}
.proBox ul li{float:left;padding:23px 29px 0 0}
.proBox ul li a{display:block;width:199px;height:185px;border:1px solid #e4e3e3;background-color:#fff;text-align:center}
.proBox ul li a img{width:160px;height:130px;padding:5px}
.proBox ul li a span{display:block;overflow:hidden;width:100%;height:18px;line-height:18px;white-space:nowrap;text-overflow:ellipsis}
.proBox .more{position:absolute;right:19px;top:54px}

/* 고객센터, 계좌안내, 지점안내, 자유게시판, 주문게시판, 공지사항 */
.mainWrap{width:100%;border-top:1px solid #e4e4e4;}
.mainContents{overflow:hidden;width:1038px;margin:0 auto;background:url(/images/main/pro_bg3.gif) repeat-x 0 239px}
.mainContents dl{float:left;width:286px;height:213px;padding:25px 30px 0 30px}
.mainContents ul{width:286px;padding-top:11px}
.mainContents ul li{overflow:hidden;width:275px;padding-left:11px;background:url(/images/main/ico_list.gif) no-repeat 5px 10px}
.mainContents ul li a{overflow:hidden;float:left;width:195px;height:22px;line-height:22px;white-space:nowrap;text-overflow:ellipsis}
.mainContents ul li span{height:22px;line-height:22px;padding-left:5px}