/* mklaud AP shopping box - 300x300 - */
body {font-family: 돋움 dotum;font-size: 12px;letter-spacing:-1px;line-height:170%;margin: 0;padding: 0;}
a:hover {text-decoration:none; color:#5fb3b3;}
#spbox {width: 678px;height: 218px;position: relative;overflow:hidden;background: #f2f2f2;border:1px #cccccc solid;}


#head {width: 53px;height: 228px;position:relative;border-left: 4px solid #5fb3b3;z-index:999;}
#logo {float:left;width: 53px;/* margin-left:5px; *//* margin-top:1px; */height: 228px;border-left: 4px solid #5fb3b3;border-right: 1px solid #ddd;background: #ffffff;}
#logo img {height: 32px;width: 128px;-webkit-transform: rotate(-90deg);transform: rotate(-90deg);position:absolute;position:absolute;top:98px;left: -35px;z-index: 999;}


#contents {position:absolute;width: 580px;height: 188px;top: 20px;right: 20px;overflow:hidden;z-index:99;background: #fff;}
#product {width: 580px;height: 188px;}
#product li {float:left;height: 188px;width:33.3%;text-align:center;}
#product a{display:block;width:100%;height: 168px;margin:0 auto;text-align: center;}
#product img{width: 135px;height: 135px;}
#product span{display:block; font-size:11px; letter-spacing:-1px;}

#navi_btn {position:absolute;width: 58px;height: 228px;top: 0px;z-index: 99;}
.navi_btn_prev {width:16px; height:17px; border-radius:1px; position:absolute; top:20px; left:20px; background:url("http://cdn.mklaud.com/images/arrow_top_gray_16x17.png")no-repeat; background-position:center; cursor:pointer;
}
.navi_btn_next {width:16px; height:17px; border-radius:1px; position:absolute; bottom:20px; left:20px; background:url("http://cdn.mklaud.com/images/arrow_bottom_gray_16x17.png")no-repeat; background-position:center; cursor:pointer;
}


#footer {position:absolute;width: 15px;right: 0;}

#paging {position:relative; width:96px; height:8px; top:229px; margin-left:97px; text-align:center;}
#paging span{display:inline-block; width:5px; height:5px; border-radius:6px; border:1px solid #dedede; line-height:2px; overflow:hidden; margin:0 4px; text-indent:-9999px;}
#paging b{display:inline-block; width:5px; height:5px; border-radius:6px; border:1px solid #dedede; line-height:2px; overflow:hidden; margin:0 4px; background:#dedede; text-indent:-9999px;}

#info {position:relative;float:right;width:15px;height:15px;z-index:9999;}
#info a{float:right; width:15px; height:15px; background:url("http://cdn.mklaud.com/images/ad_info.svg");}
#info ul a:hover {float:right; width:105px; height:15px; background:url("http://cdn.mklaud.com/images/ad_info_full.svg");}