/* BASIC css start */
#main { position: relative; }
#main .visual-bner { zoom: 1; overflow: hidden; position: relative; }
#main .visual-bner .visual { float: left; width: 800px; }
#main .visual-bner .bner { float: right; width: 300px; zoom: 1; overflow: hidden; }
#main .visual-bner .bner li { float: left; margin-bottom: 7px; }
#main .visual-bner .notice { position: absolute; right: 0; bottom: 20px; width: 280px; }
#main .visual-bner .notice dt { position: relative; padding-bottom: 10px; border-bottom: 1px solid #b4b2b1; color: #333; font-size: 14px; font-weight: bold; }
#main .visual-bner .notice dt a { position: absolute; top: 0; right: 0; color: #9c9c9c; font-size: 12px; }
#main .visual-bner .notice dd ul { padding-top: 5px; }
#main .visual-bner .notice dd li { position: relative; margin-top: 10px; }
#main .visual-bner .notice dd li a { display: block; width: 210px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #555; }
#main .visual-bner .notice dd li span { position: absolute; top: 0; right: 0; color: #9c9c9c; }
#main .weekly-best { zoom: 1; overflow: hidden; position: relative; height: 290px; margin-top: 65px; padding: 20px 45px 0; border-top: 2px solid #333; background: #fbfbfb; }
#main .weekly-best #slider { zoom; 1; overflow: hidden; position: absolute; top: 75px; width: 1020px; }
#main .weekly-best h2 { color: #333; font-size: 22px; text-align: center; }
#main .weekly-best ul { zoom: 1; overflow: hidden; margin-left: -10px; }
#main .weekly-best ul li { float: left; position: relative; width: 194px; height: 194px; margin-left: 10px; }
#main .weekly-best ul li .cvr { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.6; filter: alpha(opacity=60); }
#main .weekly-best ul li .dsc { display: none; position: absolute; top: 0; left: 0; width: 100%; padding-top: 80px; color: #fff; text-align: center;}
#main .weekly-best ul li .dsc del { color:#dbdbdb; }
#main .weekly-best ul li .dsc p { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom:10px; }
#main .weekly-best ul li .img img { width: 100%; height: 100%; }
#main .weekly-best .btn-prev,
#main .weekly-best .btn-next { position: absolute; top: 160px; width: 12px; height: 19px; text-indent: -9999px; }
#main .weekly-best .btn-prev { left: 15px; background: url('/design/figurecity/9607/makeshop/btn/btn_h19_prev.gif') no-repeat 0 0; }
#main .weekly-best .btn-next { right: 15px; background: url('/design/figurecity/9607/makeshop/btn/btn_h19_next.gif') no-repeat 0 0; }
#main .mprd-cm { margin-top: 40px; }
#main .mprd-cm .tit-prd {background: url('/design/figurecity/9607/makeshop/bg/bg_heading.gif') repeat-x 0 50%; text-align: center; }
#main .mprd-cm .tit-prd span { display: inline-block; padding: 0 20px; background: #fff; color: #333;  }
#main .mprd-cm .tit-prd span strong a { font-size:22px; color:#780000; }

.bt_notice {width:298px; float:left; height: 186px; border:1px solid #bbb; }
.bt_notice span.title {
    font-size: 16px;
    font-weight: bold;
    color: #820002;
}
.bt_notice a.more { margin: 5px 0 0 70px;font-weight: bold;font-size: 14px;}
.bt_noticeList { line-height: 24px; font-size:11px; }
.bt_noticeList dt { margin: 10px 10px 5px 10px; border-bottom: 1px solid #bbb;}
.bt_noticeList dd { position:relative;  margin: 4px 0 2px 2px;}
.bt_noticeList dd a { font-size:11px; }
.bt_noticeList dd a:hover { color:#adadad; }
.bt_noticeList dd span { position: absolute; right:0; color:#8d8d8d;}
.prd-list a:hover img { opacity: 0.7; filter: alpha(opacity=90); }

/* 메인 롤링이미지 */
.visual { zoom:1; height: 495px; margin-bottom: 50px; }
.visual:after { content:" "; display:block; clear:both; }
.visual .subban li { float: left; height: 242px; }
.visual .subban li img:hover { filter: alpha(opacity=50); opacity: 0.5; }
.visual .subban .mr-11 { margin-right: 11px; }
.visual .subban .mb-11 { margin-bottom: 11px; }
#banner_list { position: relative; float:left; margin-right: 10px; }
#banner_list .clsBannerButton { position:absolute; right:10px; bottom:10px; }
#banner_list .clsBannerButton li { float: left; width: 28px; height: 6px; padding-left: 5px; text-align: center; cursor:pointer; background: url("/design/figurecity/btn_off.png") no-repeat scroll right 0; }
#banner_list .clsBannerButton .labelOverClass { background: url("/design/figurecity/btn_on.png") no-repeat scroll right 0; }
.bestitemArea h2 { 
    font-size: 22px;
    color: #780000;
    text-align: center;
    font-weight: bold;
 }

.pc01banner {width:1100px;}
.pc01banner_1 {float:left;}
.pc01banner_2 {float:right;}



.bestitemArea {font-size:17px; color:#777; text-align:center; font-weight: bold;}
.bestitemArea{ width:1050px; margin:70px auto 0; position:relative;}
.bestitemArea .next { position:absolute; top:142px; left:-25px; cursor:pointer; }
.bestitemArea .prev { position:absolute; top:142px; right:-25px; cursor:pointer; }
.slideScrollControlWrap { background-color:#fff; height:265px; }
.slideScrollContentsWrap {overflow:hidden; position:relative; margin:0 0 0 20px; width:1020px; height:250px; }
.slideScrollContents { position:absolute; left:-170px; top:26px;}
.slideScrollContent { position: relative; float:left; width:160px; margin-right:10px; text-align:center;}
.slideScrollContent img {width:160px;}
.slideScrollContent span{margin-top:10px;}
.slideScrollContent .infobox { position: absolute; left:0; top:0; background:url("http://www.figurecity.co.kr/design/figurecity/img/infobox_bg.png") repeat left top; width:160px; height:160px;}
.slideScrollContent .infobox p { font-size:12px; color:#fff; line-height:19px;}
.exitemArea h2 { 
    font-size: 22px;
    color: #780000;
    text-align: center;
    font-weight: bold;
 }
.exitemArea {font-size:17px; color:#777; text-align:center; font-weight: bold;}
.exitemArea{ width:1050px; margin:0 auto 50px; position:relative;}
.exitemArea .next { position:absolute; top:142px; left:-25px; cursor:pointer; }
.exitemArea .prev { position:absolute; top:142px; right:-25px; cursor:pointer; }

.slideScrollControlWrap { background-color:#fff; height:265px; }
.slideScrollContentsWrap {overflow:hidden; position:relative; margin:0 0 0 20px; width:1020px; height:250px; }
.slideScrollContents { position:absolute; left:-170px; top:26px;}
.slideScrollContent { position: relative; float:left; width:160px; margin-right:10px; text-align:center;}
.slideScrollContent img {width:160px;}
.slideScrollContent span{margin-top:10px;}
.slideScrollContent .infobox { position: absolute; left:0; top:0; background:url("http://www.figurecity.co.kr/design/figurecity/img/infobox_bg.png") repeat left top; width:160px; height:160px;}
.slideScrollContent .infobox p { font-size:12px; color:#fff; line-height:19px;}
.mt-80 {margin-top:50px; }
.mgb-10 {margin-bottom:10px;}



.ftcolor {Color:#000000;font-weight:900;}


.subBanners{width:100%; margin:0px; height:200px; clear:both; padding-top:30px;}
.ttt {display: block; float: left;}
.mg-4s {margin:0 4px;}
.subproduct_naem{font size:11px;color:#f90000;font-weight:900;}
/* BASIC css end */