/* BASIC css start */
/* class-list */
#productClass .cate-wrap { overflow:hidden }
#productClass .cate-wrap .bcate { padding-left:20px;padding-bottom:10px; font-size:18px; color:#202020; font-weight:bold; border-bottom:1px solid #e3e3e3;text-align:left; }
#productClass .cate-wrap .class-list ul { padding-left:30px;border-bottom:1px solid #e3e3e3;  *zoom:1 }
#productClass .cate-wrap .class-list ul:after { display:block; clear:both; content:'' }
#productClass .cate-wrap .class-list ul li { padding:15px 30px 16px 0; float:left }
#productClass .cate-wrap .class-list ul li a { display:block; font-size:13px; color:#919191 }


.category_title img {display:block;padding-top: 20px; padding-bottom: 40px;margin:20px auto 40px auto;text-align:center}

.category_t {width:100%;text-align:center; }


/* best-item */
#productClass .best-item { padding-top: 20px; padding-bottom: 10px; border-top: 2px solid #5c5c5c; border-bottom: 2px solid #5c5c5c; background-color: #f8f8f8; }

/* total-sort */
#productClass .total-sort { padding-top: 30px; }

.item-wrap .item-cont3 .item-list .prd-price {display:block;font-family: 'Lato', sans-serif;padding: 8px 0 3px 0;font-size: 18px;color:#152f4e; font-weight:700; position:relative; }

.prd-dis1 {font-family: 'Lato', sans-serif;font-size: 14px;color:#be976c; font-weight:600;position:relative; top:-2px; right:0px;}
.prd-dis1 img {}

#productClass .prd-class-hd {margin-bottom:30px;}


#MS_select_navigation_1st{padding:5px;font-size:14px;}

#MS_select_navigation_2st{padding:5px;font-size:14px;}


#MS_select_navigation_3st{padding:5px;font-size:14px;}


a.sel { color:#e87c95 !important;font-weight:bold;}


.bx-wrapper .bx-viewport {/*fix other elements on the page moving (on Chrome)*/-webkit-transform: translatez(0);-moz-transform: translatez(0);-ms-transform: translatez(0);-o-transform:translatez(0);transform: translatez(0);}
.bx-wrapper .bx-viewport ul {margin:0px; padding:0px;}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {position: absolute;bottom: 10px;width: 100%;z-index: 9999;}

/* LOADER */

.bx-wrapper .bx-loading {min-height: 50px;background: url(images/bx_loader.gif) center center no-repeat #fff;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;}


/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {position: absolute;bottom: 0;left: 0;background: #666\9;background: rgba(80, 80, 80, 0.75);width: 100%;}
.bx-wrapper .bx-caption span {color: #fff;font-family: Arial;display: block;font-size: .85em;	padding: 10px;}


/* 메인 */
.bx-wrapper {position: relative;margin: 0 auto;padding: 0; *zoom: 1;}
.bx-wrapper img {max-width: 100%;display: block;}


/* 배너사이즈와 위치 */
#s_banner_wrap {width:100%; height:525px; position: relative; margin:0px 0 0 0px;}
#s_banner_wrap li {display:none;}


#s_banner_wrap1 {width:871px; height:350px; position:relative; margin: 0 0 0 0px;}

#s_banner_wrap1 li {display:none;}

#s_banner_wrap2 {width:840px; height:530px; position:absolute; margin: 75px 0 0 35px;}

#s_banner_wrap2 li {list-style-type:none;display:none;}

#s_banner_wrap3 {width:480px; height:300px; position:relative; margin: 0 0 0 21px;}

#s_banner_wrap4 {width:497px; height:336px; position:relative; margin: 5px 0 0 18px;}

#s_banner_wrap4 li {list-style-type:none;display:none;}

#s_banner_wrap5 {width:497px; height:336px; position:relative; margin: 5px 0 0 20px;}
#s_banner_wrap5 li {list-style-type:none;display:none;}


#s_banner_wrap6 {width:1064px; height:100%; position:relative; margin: 0px auto;z-index:2;}

#s_banner_wrap6 li {list-style-type:none;display:none;}

/* 이전다음버튼 모양변경하려면 아래속성을 변경*/
.bx-wrapper .bx-prev {left: 10px;background: url(http://www.bestpen.co.kr/design/munku/be_ca/controls.png) no-repeat 0 -32px;}
.bx-wrapper .bx-next {right: 10px;background: url(http://www.bestpen.co.kr/design/munku/be_ca/controls.png) no-repeat -43px -32px;}
.bx-wrapper .bx-prev:hover {background-position: 0 0;}
.bx-wrapper .bx-next:hover {background-position: -43px 0;}
.bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;	margin-top: -16px;outline: 0;width: 32px;height: 32px;text-indent: -9999px;z-index:9999;}
.bx-wrapper .bx-controls-direction a.disabled {display: none;}


/* PAGER */

.bx-wrapper .bx-pager {width: 100%;text-align: center;font-size: .85em;font-family: Arial;font-weight: bold;color: #ccc;padding-top: 20px;}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}

.bx-wrapper .bx-pager.bx-default-pager a {background: #ccc;text-indent: -9999px;display: block; width: 10px;height: 10px;margin: 0 5px;outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #93b9be;}


/* 사용자 페이징 - 위치와 모양을 자유롭게 변형 */
#bx-pager {
    position: absolute;
    padding: 0;
    margin: 0px 0 0 722px;
    top: 30px;
 
    font: normal 90% arial, helvetica, sans-serif;
    text-align:center;
width: 148px;
    
z-index: 9999;}
#bx-pager ul {
  
    margin:0;
    padding:0;
   float: right;
    width: 148px;
}
#bx-pager li {
    display:inline-block;
    margin:5px 0 0 0;
    padding:0;
  float: right;
    

}
#bx-pager li a {
    text-decoration: none;
text-align: center;
width: 148px;
height:37px;

   background: url(/design/munku/be_ca/244_080.png) no-repeat;
    padding: 0;
    margin: 5 0 0 0px;
    color: #719da3;
font-weight: bold;
    line-height:37px;
    display: block;
}
#bx-pager li a.active, #bx-pager li a:hover {
    background: url(/design/munku/be_ca/244_081.png) no-repeat;
color: #fff;
    font-weight: bold;
    content: '(Active)';
}


/* 사용자 페이징2 - 위치와 모양을 자유롭게 변형 */

#bx-pager2 {
list-style-type:none;
    position: absolute;
    padding: 0;
    margin: 10px 0 0 0px;
    top: -85px;
 width: 100%;
    font: normal 90% arial, helvetica, sans-serif;
    text-align:center;
width: 840px;
    

}
#bx-pager2 ul {
  
list-style-type:none;
    margin:0 0 0 0;
    padding:0;
   float: center;
    width: 840px;
}
#bx-pager2 li {
    display:inline-block;
list-style-type:none;
    margin:0 0 0 0;
    padding:0;
  float:left;
    

}
#bx-pager2 li a {
    text-decoration: none;
text-align: center;
width: 391px;
height:44px;

   background: url(/design/munku/be_ca/244_981.gif) no-repeat;
    padding: 0;
    margin: -5px 0 0 10px;
    color: #719da3;
font-weight: bold;
    line-height:44px;

    display: block;
}
#bx-pager2 li a.active, #bx-pager2 li a:hover {
    background: url(/design/munku/be_ca/244_980.gif) no-repeat;
color: #fff;
    font-weight: bold;
    content: '(Active)';
}


/* 사용자 페이징3 - 위치와 모양을 자유롭게 변형 */
#bx-pager3 {
position:absolute;
    padding: 0;
    margin: 0px auto;
top:-30px;
 
    font: normal 90% arial, helvetica, sans-serif;
    text-align:center;
width: 100%;
    

z-index: 9999;}
#bx-pager3 ul {
  
    margin:0px 30px 0px 0px;
    padding:0;
   float: right;
    width: 100%;
}
#bx-pager3 li {
    display:inline-block;
    margin:5px 0 0 5px;

  float: right;


}
#bx-pager3 li a {
    text-decoration: none;
text-align: center;


border:1px solid #dedede;
border-radius: 10px 10px 10px 10px; 
-moz-border-radius: 10px 10px 10px 10px; 
-webkit-border-radius: 10px 10px 10px 10px;

background-color:#fff;
    padding: 5px 20px 5px 20px;
    margin: 5px 0 0 0px;
    color: #a09f9f;
font-weight: normal;
    line-height:27px;
    display: block;
}
#bx-pager3 li a.active, #bx-pager3 li a:hover {
   background-color:#e3d4c3;
color: #333;
    font-weight: bold;
border:1px solid #e3d4c3;
    content: '(Active)';
}


.et {font-size:11px;}


/* BASIC css end */