-=[ Mr. Bumblebee ]=-
_Indonesia_
| Path : /var/www/html/css/ |
|
|
| Current File : /var/www/html/css/common2.css |
@charset "utf-8";
html, body {
width: 100%;
height: 100%;
margin: 0px;
}
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, form, fieldset, legend, input, textarea, button, select {
margin: 0;
padding: 0;
vertical-align: middle;
}
img {
vertical-align: middle;
}
form {
clear: both
}
legend {
visibility: hidden;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
padding: 0;
font-size: 0;
line-height: 0
}
body, select, button, table {
color: #555;
}
input, textarea {
color: #000;
}
input[type=text], input[type=file], input[type=password] {
height: 28px;
border: 1px solid #ccc;
}
input[type=text].line, input[type=file].line, input[type=password].line {
height: 30px;
line-height: 30px;
border: 1px solid #ddd;
padding-left: 5px;
}
textarea {
padding: 5px;
border: 1px solid #ddd;
}
select {
height: 28px;
padding: 0px;
border: 1px solid #bbb;
}
input[type=checkbox], input[type=radio] {
margin: 0px;
padding: 0px;
height: 12px;
}
img, fieldset {
border: 0
}
ul, ol {
list-style: none
}
em, address {
font-style: normal
}
a {
text-decoration: none
}
label {
cursor: pointer
}
.hand, .pointer {
cursor: pointer
}
.underline {
text-decoration: underline
}
.relative {
position: relative
}
.absolute {
position: absolute
}
.small {
font-size: 11px;
letter-spacing: -1px;
}
.desc {
font-size: 11px;
font-family: dotum;
color: #848484;
letter-spacing: -1px;
}
.totalprice {
color: #bb0000;
font-size: 18px;
font-family: tahoma;
}
.hide {
display: none;
}
.unvisibility {
visibility: hidden;
}
.bold {
font-weight: bold;
}
.input-box-default-text {
color: #515151 !important;
letter-spacing: -1px;
}
.tahoma {
font-family: tahoma;
}
.dotum {
font-family: dotum;
}
/* 색상 */
.red {
color: red
}
.black {
color: #000
}
.gray {
color: #ccc
}
.white {
color: #fff
}
/* 하이퍼링크 */
a:link, a:visited, a:active {
color: #000000
}
a:hover {
color: #006699
}
.fb-like {
width: 100px;
}
/* 좌,우 여백설정 */
.mr5 {
margin-right: 5px !important
}
.mr10 {
margin-right: 10px !important
}
.mr15 {
margin-right: 15px !important
}
.mr20 {
margin-right: 20px !important
}
.mr25 {
margin-right: 25px !important
}
.mr30 {
margin-right: 30px !important
}
.ml5 {
margin-left: 5px !important
}
.ml10 {
margin-left: 10px !important
}
.ml15 {
margin-left: 15px !important
}
.ml20 {
margin-left: 20px !important
}
.ml25 {
margin-left: 25px !important
}
.ml30 {
margin-left: 30px !important
}
.mt5 {
margin-top: 5px !important
}
.mt10 {
margin-top: 10px !important
}
.mt15 {
margin-top: 15px !important
}
.mt20 {
margin-top: 20px !important
}
.mt25 {
margin-top: 25px !important
}
.mt30 {
margin-top: 30px !important
}
.mb5 {
margin-bottom: 5px !important
}
.mb10 {
margin-bottom: 10px !important
}
.mb15 {
margin-bottom: 15px !important
}
.mb20 {
margin-bottom: 20px !important
}
.mb25 {
margin-bottom: 25px !important
}
.mb30 {
margin-bottom: 30px !important
}
.pd5 {
padding: 5px !important
}
.pd10 {
padding: 10px !important
}
.pd20 {
padding: 20px !important
}
.pd30 {
padding: 30px !important
}
.pd40 {
padding: 40px !important
}
.pdl5 {
padding-left: 5px !important
}
.pdl10 {
padding-left: 10px !important
}
.pdl20 {
padding-left: 20px !important
}
.pdl30 {
padding-left: 30px !important
}
.pdl40 {
padding-left: 40px !important
}
.pdr5 {
padding-right: 5px !important
}
.pdr10 {
padding-right: 10px !important
}
.pdr30 {
padding-right: 30px !important
}
.pdr40 {
padding-right: 40px !important
}
.pdt5 {
padding-top: 5px !important
}
.pdt10 {
padding-top: 10px !important
}
.pdt30 {
padding-top: 30px !important
}
.pdt40 {
padding-top: 40px !important
}
.pdb5 {
padding-bottom: 5px !important
}
.pdb10 {
padding-bottom: 10px !important
}
.pdb30 {
padding-bottom: 30px !important
}
.pdb40 {
padding-bottom: 40px !important
}
.wp100 {
width: 100%
}
.wp95 {
width: 95%
}
.wp85 {
width: 85%
}
.wx300 {
width: 300px
}
.wx500 {
width: 500px
}
.wx150 {
width: 150px
}
.wx110 {
width: 110px
}
.wx200 {
width: 200px
}
.wx250 {
width: 250px
}
.wx80 {
width: 80px
}
.wx70 {
width: 70px
}
.wx50 {
width: 50px
}
.wx30 {
width: 30px
}
.wx20 {
width: 20px
}
.hx50 {
height: 50px
}
.hx100 {
height: 100px
}
.hx150 {
height: 150px
}
.hx200 {
height: 200px
}
.hx250 {
height: 250px
}
.hx300 {
height: 300px
}
.hx350 {
height: 350px
}
.hx400 {
height: 400px
}
.hx450 {
height: 450px
}
.hx650 {
height: 650px
}
.fx9 {
font-size: 9px;
}
.fx10 {
font-size: 10px;
}
.fx11 {
font-size: 11px;
}
.fx12 {
font-size: 12px;
}
.fx13 {
font-size: 13px;
}
.fx14 {
font-size: 14px;
}
.fx15 {
font-size: 15px;
}
.fx16 {
font-size: 16px;
}
.fx17 {
font-size: 17px;
}
/* 정렬 */
.left {
text-align: left !important
}
.right {
text-align: right !important
}
.center {
text-align: center !important
}
.hide {
display: none
}
/* 클리어부스 */
.fleft {
float: left
}
.fright {
float: right
}
.cboth {
clear: both
}
.clearbox {
*zoom:1;
}
.clearbox:after {
content: "";
display: block;
clear: both;
}
/* 상품목록 상단 */
.goods_list_top {
padding-bottom: 12px;
border-bottom: 1px solid #e2e2e2
}
.goods_list_top .list_summary {
font-size: 11px;
font-family: tahoma;
color: #9b9b9b
}
.goods_list_top .list_summary b {
color: #000;
}
.goods_list_top .sort_item {
font-size: 11px;
letter-spacing: -1px;
font-family: dotum;
}
.goods_list_top .sort_item a {
color: #606060
}
.goods_list_top .sort_item a b {
font-weight: bold;
color: #d43c00
}
/* 목록 테이블 */
table.list_table_style {
border-bottom: 1px solid #cacaca;
font-size: 11px;
color: #444;
}
table.list_table_style thead th {
height: 26px;
background-color: #ebebeb;
border-top: 1px solid #cacaca;
border-bottom: 1px solid #cacaca;
font-weight: normal;
}
table.list_table_style thead th:first-child {
border-left: 1px solid #cacaca;
}
table.list_table_style thead th:last-child {
border-right: 1px solid #cacaca;
}
table.list_table_style tbody td.division {
border-top: 1px solid #e0e0e0
}
table.list_table_style tbody td.cell {
padding: 7px;
text-align: center;
}
table.list_table_style tbody tr td.cell:first-child {
border-left: 0px;
}
table.list_table_style tbody tr:first-child td.cell {
border-top: 0px;
}
table.list_table_style .cell_left_line {
border-left: 1px solid #cacaca;
}
/* 게시판 목록 테이블 */
table.board_table_style {
border-bottom: 1px solid #cacaca;
font-size: 11px;
color: #444;
}
table.board_table_style thead th {
height: 26px;
background-color: #f0f0f0;
border-top: 2px solid #cacaca;
border-bottom: 1px solid #cacaca;
font-weight: normal;
}
table.board_table_style tbody td.division {
border-top: 1px solid #e0e0e0
}
table.board_table_style tbody td.cell {
padding: 7px;
text-align: center;
border-top: 1px solid #ddd;
height: 80px;
}
table.board_table_style tbody tr td.cell:first-child {
border-left: 0px;
}
table.board_table_style tbody tr:first-child td.cell {
border-top: 0px;
}
table.board_table_style .cell_left_line {
border-left: 1px solid #cacaca;
}
/* 기본 정보 테이블 스타일 */
table.info_table_style {
border-collapse: collapse;
border-top: 1px solid #aaa;
border-right: 1px solid #dadada;
}
table.info_table_style .its_section {
border-left: 1px solid #dadada;
border-bottom: 1px solid #dadada;
padding: 8px 5px 8px 5px;
text-align: center;
background-color: #f1f1f1;
font-weight: normal;
}
table.info_table_style .its_th {
border-left: 1px solid #dadada;
border-bottom: 1px solid #dadada;
padding: 8px 0px 8px 28px;
text-align: left;
background-color: #f1f1f1;
font-weight: normal;
}
table.info_table_style .its_td {
border-left: 1px solid #dadada;
border-bottom: 1px solid #dadada;
padding: 5px 0 5px 15px;
line-height: 180%;
letter-spacing: 0px;
}
table.info_table_style .its_th_center {
border-left: 1px solid #dadada;
border-bottom: 1px solid #dadada;
padding: 8px 0px 8px 0;
background-color: #f1f1f1;
font-weight: normal;
}
table.info_table_style .its_td_center {
border-left: 1px solid #dadada;
border-bottom: 1px solid #dadada;
padding: 5px 0 5px 0;
line-height: 180%;
letter-spacing: 0px;
}
table.info_table_style textarea {
background-color: #f0f0f0;
}
table.info_table_style textarea.input_box_default_text {
color: #a5a5a5 !important
}
/* 페이징 네비게이션 */
.paging_navigation {
white-space: nowrap;
*zoom:1;
margin-top: 10px;
text-align: center;
}
.paging_navigation:after {
display: block;
content: "";
clear: both;
}
.paging_navigation a {
float: center;
padding: 0px 5px;
line-height: 15px;
border-left: 1px solid #ddd;
font-weight: bold;
vertical-align: middle;
font-family: 'NanumGothic', Dotum, AppleGothic, sans-serif;
font-size: 11px;
color: #605f60;
line-height: 20px;
padding-left: 10px;
margin-left: 3px;
margin-right: 3px;
text-align: center;
}
.paging_navigation a:first-child {
border-left: 0px;
}
.paging_navigation a:hover {
background-color: #eee;
color: #f30;
}
.paging_navigation a.on {
vertical-align: middle;
height: 23px;
padding-left: 10px;
padding-right: 10px;
}
.paging_navigation a.red {
color: red;
}
.paging_navigation a.prev, .paging_navigation a.next {
font-weight: normal;
}
.paging_navigation input.prev {
background: url('../images/board/icon/icon_paging_prev.gif') repeat-x;
height: 22px;
width: 22px;
}
.paging_navigation input.next {
background: url('../images/board/icon/icon_paging_next.gif') repeat-x;
height: 22px;
width: 22px;
}
.paging_navigation input.first {
background: url('../images/board/icon/icon_paging_first.gif') repeat-x;
height: 22px;
width: 22px;
}
.paging_navigation input.end {
background: url('../images/board/icon/icon_paging_end.gif') repeat-x;
height: 22px;
width: 22px;
}
/* 팝업 */
.designPopup {
position: absolute;
z-index: 99999;
}
.designPopup .designPopupBody {
}
.designPopup .designPopupBar {
height: 25px;
background-color: #fff;
color: #fff;
}
.designPopup .designPopupBar .designPopupTodaymsg {
float: left;
line-height: 25px;
padding-left: 5px;
font-size: 11px;
color: #898989;
letter-spacing: -1px;
font-family: dotum;
}
.designPopup .designPopupBar .designPopupClose {
float: right;
line-height: 25px;
padding-right: 5px;
cursor: pointer;
font-size: 11px;
color: #585858;
letter-spacing: -1px;
font-family: dotum;
}
/* 상단 카테고리 뎁스 */
.category_depth {
margin-bottom: 5px;
letter-spacing: 0px;
font-size: 11px;
font-family: dotum;
}
.category_depth ul.list {
}
.category_depth ul.list li.item {
position: relative;
color: #000000;
float: left;
padding-left: 3px;
}
.category_depth ul.list li.item > a {
color: #000000
}
.category_depth ul.list li.selected > a {
color: #333333;
font-weight: bold;
padding-right: 10px;
background: url("../images/design/right_quick_arrowdown.gif") no-repeat right center;
}
.category_depth ul.sub_menu_list {
display: none;
position: absolute;
white-space: nowrap;
z-index: 10;
border: 1px solid #a0a5b8;
background-color: #f2f2f2;
padding: 7px;
}
.category_depth ul.sub_menu_list li.sub_item a {
display: block;
color: #858585;
padding: 1px 0;
font-weight: normal;
}
.category_depth ul.sub_menu_list li.sub_item a:hover {
color: #202020
}
.category_depth ul.list li.selected ul.sub_menu_list {
display: block;
}
.category_depth_box {
clear: both;
width: 100%;
box-sizing: border-box;
display: inline-block;
padding: 0px;
text-align: left;
line-height: 24px;
font-size: 17px;
font-family: 'Nanum Gothic', 'NanumGothic', gulim, dotum;
font-weight: bold;
color: #000;
}
.category_depth_box a {
display:block;
float: left;
width: 274px;
height: 50px;
padding: 0px 12px;
border: 1px solid #efefef;
line-height: 50px;
}
.category_depth_box a:hover {
border: 1px solid #79abe3;
background-color: #cfebfe;
color: #03C;
}
/* 선없는 테이블 */
.noborder-table {
border: 0px !important
}
.noborder-table th, .noborder-table td {
border: 0px !important
}
.join_required {/*display:inline-block;*/
display: none;
width: 7px;
height: 6px;
background: url('../images/common/icon_check_join.gif') no-repeat;
vertical-align: middle;
}
.couponbtn {
border: 0px;
background-color: #000;
color: #fff;
font-family: dotum;
font-size: 11px;
height: 20px;
letter-spacing: -1px;
padding: 0 7px;
cursor: pointer
}
.promotionlay ul li {
padding: 3px;
}
Copyright © 2017 || Recoded By Mr.Bumblebee