/* Button Common */ .btn,.btn * { display: inline-block; border: 0; background: url('/css/supplier/button/btn_type01.gif') no-repeat; font: 12px 'gulim'; color: #373737; overflow: visible; text-decoration: none !important; vertical-align: middle; cursor: pointer; _cursor: hand; text-align: center; } .btn .co01 { color: #FD5D07; } .btn.small,.btn.small * { height: 20px; line-height: 21px; } .btn.small { background-position: 0 0; } .btn.small * { padding: 0 5px 0 2px; background-position: right top; } .btn.big,.btn.big * { height: 20px; line-height: 21px; } .btn.big { background-position: 0 0; } .btn.big * { padding: 0 10px 0 2px; background-position: right top; } .btn *:visited { color: #373737; } .btn * co01:visited { color: #FD5D07; } .btn.icon * { padding-left: 16px; } .btn.icon span { width: 20px; margin-right: -20px; padding: 0 !important; } .btn.icon02 * { padding-right: 16px; } .btn.icon02 span { width: 20px; margin-left: -20px; padding: 0 !important; } .btn.small .write { background: url('/css/supplier/button/icon_b_write.gif') no-repeat 4px 6px; } .btn.small .list { background: url('/css/supplier/button/icon_b_list.gif') no-repeat 4px 5px; } .btn.small .print { width: 25px; background: url('/css/supplier/button/icon_b_print.gif') no-repeat 4px 3px; } .btn.small .del { background: url('/css/supplier/button/icon_b_del.gif') no-repeat 7px 7px; } .btn.small .del2 { background: url('/css/supplier/button/icon_b_del2.gif') no-repeat 7px 7px; } .btn.small .rep { width: 23px; background: url('/css/supplier/button/icon_b_reply.gif') no-repeat 5px 7px; } .btn.small .send { width: 23px; background: url('/css/supplier/button/icon_b_send.gif') no-repeat 5px 3px; } .btn.small .add { width: 23px; background: url('/css/supplier/button/icon_b_add.gif') no-repeat right 3px; } .btn.small .add02 { width: 23px; background: url('/css/supplier/button/btn_p_add.gif') no-repeat right 3px; } .btn.small .plus { width: 23px; background: url('/css/supplier/button/icon_b_plus.gif') no-repeat 5px 7px; } .btn.small .plus02 { width: 23px; background: url('/css/supplier/button/icon_b_plus.gif') no-repeat 8px 6px; } .btn.small .mail { width: 23px; background: url('/css/supplier/button/icon_b_mail.gif') no-repeat 5px 5px; } .btn.small .mail02 { width: 28px; background: url('/css/supplier/button/icon_b_mail02.gif') no-repeat 5px 5px; } .btn.small .mail03 { width: 26px; background: url('/css/supplier/button/icon_b_mail03.gif') no-repeat 5px 3px; } .btn.small .down { width: 23px; background: url('/css/supplier/button/icon_b_down.gif') no-repeat 5px 5px; } .btn.small .down02 { width: 23px; background: url('/css/supplier/button/icon_b_down02.gif') no-repeat 4px 3px; } .btn.small .cht { width: 24px; background: url('/css/supplier/button/icon_b_chart.gif') no-repeat 5px 4px; } .btn.small .pp { width: 26px; background: url('/css/supplier/button/icon_b_pp.gif') no-repeat 5px 2px; } .btn.small .group { width: 26px; background: url('/css/supplier/button/icon_b_group.gif') no-repeat 5px 2px; } .btn.small .vote02 { width: 32px; background: url('/css/supplier/button/icon_cmt_up.gif') no-repeat 7px 3px; } .btn.small .grid { width: 28px; background: url('/css/supplier/button/icon_b_grid.gif') no-repeat 7px 3px; } .btn.small .sett { width: 24px; background: url('/css/supplier/button/icon_b_chk.gif') no-repeat 5px 6px; } .btn.small .thum { width: 29px; background: url('/css/supplier/button/icon_b_thum.gif') no-repeat 4px 3px; } .btn.small .pic { width: 29px; background: url('/css/supplier/button/icon_b_pic.gif') no-repeat 4px 3px; } .btn.small .view { width: 22px; background: url('/css/supplier/button/icon_b_view.gif') no-repeat 4px 6px; } .btn.small .conf { width: 23px; background: url('/css/supplier/button/icon_b_conf.gif') no-repeat 7px 6px; } .btn.small .conf02 { width: 23px; background: url('/css/supplier/button/icon_b_conf02.gif') no-repeat 7px 6px; } .btn.small .pop { width: 23px; background: url('/css/supplier/button/icon_b_pop.gif') no-repeat 4px 6px; } .btn.small .mov { width: 23px; background: url('/css/supplier/button/icon_mb02.gif') no-repeat 5px 4px; } .btn.small .sort { width: 23px; background: url('/css/supplier/button/icon_sort01.gif') no-repeat 5px 4px; } .btn.small .fav { font-size: 8pt; width: 30px; max-width: 30px; color: #85B5D9; overflow: hidden; } .btn02.small .del { background: url('/css/supplier/button/icon_b_del.gif') no-repeat 7px 7px; } .btn02,.btn02 * { display: inline-block; border: 0; background: url('/css/supplier/button/btn_type10.gif') no-repeat; font: 12px 'gulim'; color: #373737; overflow: visible; text-decoration: none !important; vertical-align: middle; cursor: pointer; _cursor: hand; text-align: center; } .btn02 .co01 { color: #FD5D07; } .btn02.small,.btn02.small * { height: 20px; line-height: 21px; } .btn02.small { background-position: 0 0; } .btn02.small * { padding: 0 5px 0 2px; background-position: right top; } .btn02 *:visited { color: #373737; } .btn02.icon * { padding-left: 16px; } .btn02.icon span { width: 20px; margin-right: -20px; padding: 0 !important; } .btn.center,.btn.center * { height: 20px; line-height: 21px; } .btn.center { background-position: 0 0; } .btn.center * { padding: 0 5px; background-position: right top; } .btn.center02,.btn.center02 * { height: 20px; line-height: 21px; } .btn.center02 { background-position: 0 0; } .btn.center02 * { padding: 0 10px; background-position: right top; font-weight: bold; } .btn02.center,.btn02.center * { height: 20px; line-height: 21px; } .btn02.center { background-position: 0 0; } .btn02.center * { padding: 0 10px; background-position: right top; } .btnSearch,.btnSearch * { display: inline-block; border-radius: 3px; /* border:1px solid #256a9e; border-bottom-width:2px; */ line-height:20px; background-color:#4792cb; overflow: visible; color: #FFF; text-decoration: none !important; vertical-align: middle; cursor: pointer; text-align: center; white-space:nowrap; } .btnSearch span { background-position: right top; } .btnSearch span * { padding: 0 10px; background-position: right top; } .btnSearch.center,.btnSearch.center * { height: 20px; line-height: 21px; } .btnSearch.center { background-position: 0 0; } .btnSearch.center * { padding: 0 10px; background-position: right top; } .btnSearch a:visited { color: #FFF; } .btnSearch *:hover, .btnSearch *:active, .btnSearch *:focus{ color:#ffffff; line-height:20px; background-color:#2d80be} .btnSearch a:hover, .btnSearch a:active, .btnSearch a:focus{ color:#ffffff; line-height:20px;background-color:#2d80be} .logout { display: inline-block; width: 55px; height: 14px; padding-top: 4px; background: url('/css/supplier/button/btn_type11.gif') no-repeat; font: 12px 'gulim'; color: #FFF; vertical-align: middle; text-align: center; } .logout:visited { color: #FFF; } .btnSumb { display: inline-block; width: 55px; height: 40px; padding-top: 26px; background: url('/css/supplier/button/btn_type08.gif') no-repeat; font: bold 12px 'gulim'; color: #333; vertical-align: middle; text-align: center; } .btnSumb:visited { color: #333; } .btnSumb02 { display: inline-block; width: 61px; height: 27px; padding-top: 16px; background: url('/css/supplier/button/btn_type09.gif') no-repeat; font: bold 12px 'gulim'; color: #333; vertical-align: middle; text-align: center; } .btnSumb02:visited { color: #333; } .btnSumb03 { display: inline-block; width: 61px; height: 36px; padding-top: 24px; background: url('/css/supplier/button/btn_conf03.gif') no-repeat; font: bold 12px 'gulim'; color: #333; vertical-align: middle; text-align: center; } .btnSumb03:visited { color: #333; } .btnSumb04 { display: inline-block; width: 61px; height: 16px; padding-top: 30px; background: url('/css/supplier/button/btn_type12.gif') no-repeat; font: 12px 'gulim'; color: #373737; vertical-align: middle; text-align: center; } .btnSumb04:visited { color: #373737; } .btnSumb05 { display: inline-block; width: 190px; height: 24px; padding-top: 11px; background: url('/css/supplier/button/btn_type13.gif') no-repeat; font: bold 12px 'gulim'; color: #464646; vertical-align: middle; text-align: center; } .btnSumb06 { display: inline-block; width: 177px; height: 25px; padding-top: 9px; background: url('/css/supplier/button/btn_type14.gif') no-repeat; font: bold 13px 'gulim'; color: #373737; vertical-align: middle; text-align: center; } .btnSumb07 { display: inline-block; height: 20px; padding-left: 22px; background: url('/css/supplier/button/btn_type16.gif') no-repeat; } .btnSumb07 span { display: inline-block; height: 16px; padding: 4px 5px 0 0; background: url('/css/supplier/button/btn_type16.gif') no-repeat 100% 0; } .btnSumb07 a { color: #FFF; } .btnSumb08 { display: inline-block; width: 61px; height: 36px; padding-top: 24px; background: url('/css/supplier/button/btn_type19.gif') no-repeat; font: bold 12px 'gulim'; color: #333; vertical-align: middle; text-align: center; } .btnSumb08:visited { color: #333; } .btnSumb09 { display: inline-block; width: 45px; height: 28px; padding-top: 17px; background: url('/css/supplier/button/btn_type20.gif') no-repeat; font: 12px 'gulim'; color: #333; vertical-align: middle; text-align: center; } .cal { display: inline-block; height: 11px; padding: 1px 0 0 2px; background: url('/css/supplier/button/bg_btn01.gif') repeat-x 0 0; border: 1px solid #FF853F; font: 12px 'gulim'; color: #FFF; text-align: center; letter-spacing: -0.1em; vertical-align: middle; line-height: 11px; } .cal:visited { color: #FFF; } .pnt { display: inline-block; height: 16px; margin-top: 3px; padding: 1px 0 0 19px; background: url('/css/supplier/button/icon_point.gif') no-repeat; } .vote { display: inline-block; height: 16px; margin-top: 3px; padding: 1px 0 0 17px; background: url('/css/supplier/button/icon_ent.gif') no-repeat; } .n01 { display: inline-block; width: 21px; height: 16px; margin-right: 3px; padding-top: 5px; background: url('/css/supplier/button/btn_num01.gif') no-repeat; color: #373737px; text-align: center; vertical-align: middle; } .n01:hover,.n01.n01on { display: inline-block; width: 21px; height: 16px; margin-right: 3px; padding-top: 5px; background: url('/css/supplier/button/btn_num01.gif') no-repeat -24px 0; color: #FFF; text-align: center; vertical-align: middle; } .n02 { display: inline-block; width: 45px; height: 16px; margin-right: 3px; padding-top: 5px; background: url('/css/supplier/button/btn_num02.gif') no-repeat; text-align: center; vertical-align: middle; } .n02:hover,.n02.n02on { display: inline-block; width: 45px; height: 16px; margin-right: 3px; padding-top: 5px; background: url('/css/supplier/button/btn_num02.gif') no-repeat -47px 0; color: #FFF; text-align: center; vertical-align: middle; } .btnWp01 { display: inline-block; width: 50px; height: 13px; padding-top: 3px; background: url('/css/supplier/button/btn_type15.gif') no-repeat; font: 12px 'gulim'; color: #FFF; vertical-align: middle; text-align: center; } .btnWp02 { display: inline-block; width: 50px; height: 13px; padding-top: 3px; background: url('/css/supplier/button/btn_type15.gif') no-repeat 0 -17px; font: 12x 'gulim'; color: #FFF; vertical-align: middle; text-align: center; } .btnWp03 { display: inline-block; width: 50px; height: 13px; padding-top: 3px; background: url('/css/supplier/button/btn_type15.gif') no-repeat 0 -34px; font: 12px 'gulim'; color: #FFF; vertical-align: middle; text-align: center; } .btnWp04 { display: inline-block; width: 54px; height: 13px; padding-top: 3px; background: url('/css/supplier/button/btn_type17.gif') no-repeat; font: 12px 'gulim'; color: #FFF; letter-spacing: -0.1em; vertical-align: middle; text-align: center; } .btnWp05 { display: inline-block; width: 54px; height: 13px; padding-top: 3px; background: url('/css/supplier/button/btn_type17.gif') no-repeat 0 -17px; font: 12px 'gulim'; color: #FFF; letter-spacing: -0.1em; vertical-align: middle; text-align: center; } .btnWp06 { display: inline-block; width: 54px; height: 13px; padding-top: 3px; background: url('/css/supplier/button/btn_type17.gif') no-repeat 0 -34px; font: 12px 'gulim'; color: #FFF; letter-spacing: -0.1em; vertical-align: middle; text-align: center; } .btnWp07 { display: inline-block; width: 50px; height: 13px; padding-top: 3px; background: url('/css/supplier/button/btn_type18.gif') no-repeat; font: 12px 'gulim'; color: #FFF; letter-spacing: -0.1em; vertical-align: middle; text-align: center; } .btnWp08 { display: inline-block; width: 50px; height: 13px; padding-top: 3px; background: url('/css/supplier/button/btn_type21.gif') no-repeat; font: 12px 'gulim'; color: #FFF; letter-spacing: -0.1em; vertical-align: middle; text-align: center; } .proc01 { display: inline-block; height: 16px; padding-left: 21px; background: url('/css/supplier/button/btn_proc.gif') no-repeat; color: #FFF; text-decoration: none !important; cursor: pointer; _cursor: hand; } .proc01 span { height: 16px; background-position: right top; } .proc01 a:visited { color: #FFF; } .copyurl { background-color: #8EB1CF; font: 11px 'gulim'; color: #DCE7F0; vertical-align: middle; text-align: center; padding: 3px; }