/* BASIC css start */
/* m_mall_best1.php, m_mall_best1.php, m_mall_best1.php 파일 */
div.best123_head					{ margin: 20px 0 0 0; height: 75px; border-bottom: 1px solid #ddd }
.best123_head p.count				{ height: 24px; padding: 0 0 0 20px; border-bottom: 1px solid #ddd }
.best123_head div.select_put		{ float: left; width: 100px; padding: 15px 0 0 20px }
.best123_head div.search			{ float: left; width: 400px }
.best123_head .search ul			{ float: left;  margin: 15px 0 0 0 }
.best123_head .search li			{ float: left }
.best123_head .search li.lnb1		{ padding: 4px 0 0 0 }
.best123_head .search li.lnb2		{ padding: 0 0 0 5px }
.best123_head .search li.lnb3		{ padding: 0 0 0 5px }
.best123_head div.sort				{ float: right; width: 400px; padding: 0 20px 0 0 }
.best123_head .sort	ul				{ float: right; margin: 20px 0 0 0 }
.best123_head .sort	li				{ float: left; padding: 0 0 0 21px; background: url(./images/div_line_9.gif) no-repeat 10px 1px }
.best123_head .sort	li:first-child	{ padding: 0; background: none }
div.best123_head:after				{ display: block; clear: both; content: '' } /* float 해제 */

 
/* column table left, right td style */
table.column_tbl {
    border-top: 1px solid #ddd
}
table.column_tbl2 {
    margin: 10px 0 0 0;
    border-top: 1px solid #20c
}   /* table 태그 위에 title이 있을 경우 */
.column_tbl td.col_head, .column_tbl2 td.col_head, td.col_head {
    padding: 10px 0 7px 20px;
    border-bottom: 1px solid #ddd;
    background: #f4f8ff
}
.column_tbl td.col_head2, .column_tbl2 td.col_head2 {
    padding: 10px 0 7px 10px;
    border-bottom: 1px solid #ddd;
    background: #f4f8ff
}
.column_tbl td.col_cont1, .column_tbl2 td.col_cont1, td.col_cont1 {
    padding: 7px 10px 7px 10px;
    border-bottom: 1px solid #ddd
}
.column_tbl td.col_cont2, .column_tbl2 td.col_cont2 {
    padding: 10px 10px 7px 10px;
    border-bottom: 1px solid #ddd
}
/* rows table, th, td style */
table.rows_tbl {
}
.rows_tbl th {
    height: 27px;
    padding: 4px 0 0 0;
    background: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}
.rows_tbl td {
    text-align: center;
    border-bottom: 1px solid #ddd
}
.rows_tbl td.left {
    padding: 0 0 0 15px;
    text-align: left
}
.rows_tbl td.right {
    padding: 0 20px 0 0;
    text-align: right
}
/* a태그에 감싸진 img태그일 경우 rollover 효과  */
a.rollover img {
    display: inline
}
a.rollover img.over {
    display: none
}
a.rollover:hover img {
    display: none
}
a.rollover:hover img.over {
    display: inline
}
/* 이미지 보기 방식일 때 상품 책자코드, 상품명, 소비자가격, 판매가격, 구매관련 버튼, 옵션들에 대한 공통 스타일; 2014-04-30; 전용 과장*/
p.goods_grid_img {
    text-align: center
}
p.goods_grid_img_104 {
    width: 104px;
    height: 104px;
    background: url(/design/kiditem01/bmit_skin/images/goods_box_104.gif) no-repeat left top
} /* box 크기가 104px인 경우 */
p.goods_grid_img_104 a {
    display: block;
    padding: 2px
} /* 여백: 2px; */
p.goods_grid_img_110 {
    width: 110px;
    height: 110px;
    background: url(/design/kiditem01/bmit_skin/images/goods_box_110.gif) no-repeat left top
} /* box 크기가 110px인 경우 */
p.goods_grid_img_110 a {
    display: block;
    padding: 5px
} /* 여백: 5px; */
p.goods_grid_img_140 {
    width: 140px;
    height: 140px;
    background: url(/design/kiditem01/bmit_skin/images/goods_box_140.gif) no-repeat left top
} /* box 크기가 140px인 경우 */
p.goods_grid_img_140 a {
    display: block;
    padding: 5px
} /* 여백: 5px; */
p.goods_grid_img_140 a img {
    width: 130px;
    height: 130px
} /* 상품 이미지 크기를 130px로 강제 조정 */
p.goods_grid_img_154 {
    width: 154px;
    height: 154px;
    background: url(/design/kiditem01/bmit_skin/images/goods_box_154.gif) no-repeat left top
} /* box 크기가 154px인 경우 */
p.goods_grid_img_154 a {
    display: block;
    padding: 2px
} /* 여백: 2px; */
p.goods_grid_img_160 {
    width: 160px;
    height: 160px;
    background: url(/design/kiditem01/bmit_skin/images/goods_box_160.gif) no-repeat left top
} /* box 크기가 160px인 경우 */
p.goods_grid_img_160 a {
    display: block;
    padding: 5px
} /* 여백: 5px; */
.goods_grid_img_160 {
    width: 150px;
    height: 150px;
    background: url(/design/kiditem01/bmit_skin/images/goods_box_160.gif) no-repeat left top;
    padding: 5px;
} /* box 크기가 170px인 경우 */
.goods_grid_img_170 {
    width: 150px;
    height: 150px;
    background: url(/design/kiditem01/bmit_skin/images/goods_box_170.gif) no-repeat left top;
    padding: 10px;
} /* box 크기가 170px인 경우 */
/*.goods_grid_img_170 a     { display: block; padding: 10px }  여백: 10px; */

p.goods_grid_bookcode {
    margin: 8px 0 0 0;
    text-align: center;
    color: #02e
}
p.goods_grid_name {
    margin: 8px 0 0 0;
    padding: 0 10px;
    text-align: center
}
p.goods_grid_name_104 {
    margin: 5px 0 0 0;
    width: 104px;
    line-height: 14px;
    overflow: hidden;
    height: 28px
} /* 하단 장바구니의 상품명에 적용된 스타일 */
p.goods_grid_name_110 {
    margin: 8px 0 0 0;
    width: 110px;
    text-align: center
}
p.goods_grid_name_140 {
    margin: 8px 0 0 0;
    width: 140px;
    text-align: center
}
p.goods_grid_name_154 {
    margin: 8px 0 0 0;
    width: 154px;
    text-align: center
}
p.goods_grid_name_160 {
    margin: 8px 0 0 0;
    width: 160px;
    text-align: center
}
p.goods_grid_name_170 {
    margin: 8px 0 0 0;
    width: 170px;
    text-align: center
}
p.goods_grid_market_price {
    margin: 5px 0 0 0;
    text-align: center;
    color: #999;
    text-decoration: line-through
}
p.goods_grid_sale_price {
    margin: 5px 0 0 0;
    text-align: center;
    color: #e00;
    font-weight: bold
}
p.goods_grid_point {
    margin: 2px 0 4px 0;
    text-align: center;
    color: #02e
}
p.goods_grid_number {
    margin: 2px 0 4px 0;
    text-align: center;
}
p.goods_grid_keysub {
    margin: 5px 0 0 0;
    text-align: center;
    color: #e00
}
p.goods_grid_option {
    margin: 5px 0 0 0;
    text-align: center
}
/* 리스트 보기 방식일 때 상품 책자코드, 상품명, 소비자가격, 판매가격, 구매관련 버튼, 옵션들에 대한 공통 스타일; 2014-04-30; 전용 과장*/
p.goods_list_goods_img {
    padding: 5px 0;
    text-align: center
}
p.goods_list_bookcode {
    margin: 5px 0 0 0;
    color: #04d
}
p.goods_list_name {
    margin: 5px 0 0 0
}
p.goods_list_icons {
    margin: 5px 0 0 0
}
p.goods_list_keysub {
    margin: 5px 0 0 0;
    color: #e00
}
p.goods_list_coupon {
    margin: 5px 0 0 0;
    color: #e00
}
p.goods_list_delivery_add {
    margin: 5px 0 0 0;
    color: #e00
}
p.goods_list_company {
    text-align: center
}
p.goods_list_stock {
    text-align: center
}
p.goods_list_input {
    text-align: center
}
p.goods_list_unit {
    margin: 5px 0 0 0;
    text-align: center
}
p.goods_list_market_price {
    text-align: center;
    color: #999;
    text-decoration: line-through
}
p.goods_list_sale_price {
    margin: 5px 0 0 0;
    text-align: center;
    font-weight: bold;
    color: #e00
}
p.goods_list_point {
    margin: 5px 0 0 0;
    text-align: center;
    color: #04d
}
p.goods_list_btn {
    margin: 5px 0 0 0
}
p.goods_list_option {
    margin: 5px 0 0 0
} /* 선택옵션 */ 

/* 상품부분 */
div.m_news_goods {
    float: left;
    width: 180px;
    margin: 0 0 0 48px;
}
div.mn_glist {
    position: relative;
    z-index: 1;
    width: 180px;
    height: 180px;
}
div.mn_glist div.circle_info {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 180px;
    height: 180px;
}
div.mn_glist div.circle_info:hover {
    background: url(/design/kiditem01/bmit_skin/images/m_new_img_hover.png) repeat 0 0;
}
div.mn_glist div.circle_info a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    background: url(/design/kiditem01/bmit_skin/images/m_new_goods.png) no-repeat 0 0;
}
div.circle_info a, div.circle_info p {
    color: #fff;
}
div.circle_info p {
    display: none;
    vertical-align: top;
    text-align: center;
}
div.circle_info:hover p {
    display: block;
    width: 100%;
}
/* 신상품 상품명,가격 */
div.circle_info p.name {
    margin: 67px 0 0 10px;
    width: 160px;
    height: 35px;
    line-height: 19px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    overflow: hidden;
}
div.circle_info p.price {
    height: 26px;
    margin-top: 12px;
    font-weight: bold;
}
div.circle_info p.price span {
    display: inline-block;
    vertical-align: top;
    line-height: 25px;
}
div.circle_info p.price span.price {
    font-family: tahoma, dotum;
    font-size: 18px;
}
div.circle_info p.price span.unit {
    font-size: 14px;
    margin: 1px 0 0 2px;
}
/* BASIC css end */