스타일시트 스크롤바 수정 잘하시는분들.. > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

스타일시트 스크롤바 수정 잘하시는분들.. 정보

스타일시트 스크롤바 수정 잘하시는분들..

본문

A {
 
}
AREA {
 
}
:unknown {
 moz-outline-style: none
}
BODY {
 SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #7d7d7d; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #000000; SCROLLBAR-DARKSHADOW-COLOR: #7d7d7d
}
BODY {
 FONT-SIZE: 9pt; COLOR: #333333; LINE-HEIGHT: 160%; FONT-FAMILY: batang
}
TD {
 FONT-SIZE: 9pt; COLOR: #333333; LINE-HEIGHT: 160%; FONT-FAMILY: batang
}
INPUT {
 FONT-SIZE: 9pt; COLOR: #333333; LINE-HEIGHT: 160%; FONT-FAMILY: batang
}
DIV {
 FONT-SIZE: 9pt; COLOR: #333333; LINE-HEIGHT: 160%; FONT-FAMILY: batang
}
FORM {
 FONT-SIZE: 9pt; COLOR: #333333; LINE-HEIGHT: 160%; FONT-FAMILY: batang
}
TEXTAREA {
 FONT-SIZE: 9pt; COLOR: #333333; LINE-HEIGHT: 160%; FONT-FAMILY: batang
}
CENTER {
 FONT-SIZE: 9pt; COLOR: #333333; LINE-HEIGHT: 160%; FONT-FAMILY: batang
}
PRE {
 FONT-SIZE: 9pt; COLOR: #333333; LINE-HEIGHT: 160%; FONT-FAMILY: batang
}
BLOCKQUOTE {
 FONT-SIZE: 9pt; COLOR: #333333; LINE-HEIGHT: 160%; FONT-FAMILY: batang
}
textfield {
 FONT-SIZE: 9pt; COLOR: #333333; LINE-HEIGHT: 160%; FONT-FAMILY: batang
}
SELECT {
 FONT-SIZE: 9pt; COLOR: #333333; LINE-HEIGHT: 160%; FONT-FAMILY: batang
}
TABLE {
 BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
IMG {
 BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
FIELDSET {
 BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
P {
 MARGIN: 0px
}
FORM {
 MARGIN: 0px
}
UL {
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
LI {
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
LI IMG {
 VERTICAL-ALIGN: top
}
.input {
 BORDER-RIGHT: #c7c7c7 1px solid; BORDER-TOP: #c7c7c7 1px solid; BORDER-LEFT: #c7c7c7 1px solid; BORDER-BOTTOM: #c7c7c7 1px solid
}
.ea {
 BORDER-RIGHT: #a5acb2 1px solid; BORDER-TOP: #a5acb2 1px solid; BORDER-LEFT: #a5acb2 1px solid; WIDTH: 30px; COLOR: #4e4e4e; BORDER-BOTTOM: #a5acb2 1px solid; HEIGHT: 20px
}
A {
 COLOR: #000; TEXT-DECORATION: none
}
A:hover {
 COLOR: #000; TEXT-DECORATION: none
}
.bottomBtn {
 MARGIN: 20px 0px
}
.png24 {
 
}
.paging {
 PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; TEXT-ALIGN: center
}
.paging LI {
 PADDING-RIGHT: 5px; DISPLAY: inline; PADDING-LEFT: 5px; FONT-SIZE: 13px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.paging  {
 VERTICAL-ALIGN: middle
}
.boxTop {
 CLEAR: both; MARGIN: 0px auto; WIDTH: 100%
}
.boxBottom {
 CLEAR: both; MARGIN: 0px auto; WIDTH: 100%
}
.boxMiddle {
 CLEAR: both; MARGIN: 0px auto; WIDTH: 100%
}
.boxTop {
 BACKGROUND: url(/_image/shop/box_top.gif) repeat-x; POSITION: relative; HEIGHT: 14px
}
.boxTop .boxTopleft {
 BACKGROUND: url(/_image/shop/box_tl.gif) no-repeat; LEFT: 0px; WIDTH: 14px; POSITION: absolute; TOP: 0px; HEIGHT: 14px
}
.boxTop .boxTopright {
 RIGHT: 0px; BACKGROUND: url(/_image/shop/box_tr.gif) no-repeat; WIDTH: 14px; POSITION: absolute; TOP: 0px; HEIGHT: 14px
}
.boxBottom {
 BACKGROUND: url(/_image/shop/box_bottom.gif) repeat-x; POSITION: relative; HEIGHT: 14px
}
.boxBottom .boxBottomleft {
 BACKGROUND: url(/_image/shop/box_bl.gif) no-repeat; LEFT: 0px; WIDTH: 14px; POSITION: absolute; TOP: 0px; HEIGHT: 14px
}
.boxBottom .boxBottomright {
 RIGHT: 0px; BACKGROUND: url(/_image/shop/box_br.gif) no-repeat; WIDTH: 14px; POSITION: absolute; TOP: 0px; HEIGHT: 14px
}
.boxMiddle {
 BACKGROUND: url(/_image/shop/box_left.gif) #fff repeat-y; POSITION: relative; TEXT-ALIGN: left
}
.boxMiddle .boxMiddleright {
 BACKGROUND: url(/_image/shop/box_right.gif) repeat-y right top; MARGIN: 0px
}
.boxMiddle FORM {
 MARGIN: 0px
}
.boxMiddle P {
 PADDING-BOTTOM: 10px; MARGIN: 0px 0px 0px 80px
}
.boxMiddle LABEL {
 WIDTH: 70px; TEXT-ALIGN: right
}
.boxMiddle .btn {
 Z-INDEX: 2; LEFT: 220px; POSITION: absolute; TOP: 30px
}
.boxStyle {
 MARGIN: 0px auto; WIDTH: 98%
}
.boxStyle TH {
 PADDING-RIGHT: 0px; PADDING-LEFT: 20px; FONT-SIZE: 12px; BACKGROUND: url(/_image/member/gt.gif) no-repeat 10px 8px; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: top; PADDING-TOP: 6px; BORDER-BOTTOM: #969696 1px solid; HEIGHT: 23px; TEXT-ALIGN: left
}
.boxStyle TD {
 PADDING-RIGHT: 0px; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; BORDER-BOTTOM: #969696 1px solid
}
.boxStyle2 {
 WIDTH: 100%
}
.boxStyle2 TH {
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 12px; BACKGROUND: url(/_image/list/list_top.gif) repeat-x left top; PADDING-BOTTOM: 5px; COLOR: #000; PADDING-TOP: 5px; HEIGHT: 37px
}
.boxStyle2 TD {
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(/_image/list/list_line.gif) repeat-x left bottom; PADDING-BOTTOM: 5px; COLOR: #000; PADDING-TOP: 5px; TEXT-ALIGN: center
}
.boxStyle2 TD.title {
 PADDING-LEFT: 15px; TEXT-ALIGN: left
}
.boxStyle2 TD SPAN {
 FLOAT: left; MARGIN-RIGHT: 10px
}
.finishBox {
 BACKGROUND: #fafafa; WIDTH: 430px; HEIGHT: 160px; TEXT-ALIGN: center
}
.finishBox DIV {
 BORDER-RIGHT: #dedede 1px solid; BORDER-TOP: #dedede 1px solid; BACKGROUND: #fff; MARGIN: 10px auto; BORDER-LEFT: #dedede 1px solid; WIDTH: 410px; BORDER-BOTTOM: #dedede 1px solid; HEIGHT: 138px
}
.finishBox DIV .orderBank {
 PADDING-RIGHT: 0px; PADDING-LEFT: 40px; PADDING-BOTTOM: 0px; PADDING-TOP: 20px; TEXT-ALIGN: left
}
.finishBox DIV .orderNo {
 PADDING-RIGHT: 0px; PADDING-LEFT: 40px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; TEXT-ALIGN: left
}
.finishBox DIV .orderEmail {
 PADDING-RIGHT: 0px; PADDING-LEFT: 40px; PADDING-BOTTOM: 10px; PADDING-TOP: 0px; TEXT-ALIGN: left
}
.finishBox DIV .completion_msg {
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 20px; PADDING-TOP: 40px; TEXT-ALIGN: center
}
.orderNavi {
 PADDING-RIGHT: 30px; PADDING-LEFT: 0px; PADDING-BOTTOM: 20px; PADDING-TOP: 0px; TEXT-ALIGN: right
}
HTML {
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #fff; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-ALIGN: center
}
BODY {
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #fff; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-ALIGN: center
}
#container {
 MARGIN: 0px auto; WIDTH: 995px; TEXT-ALIGN: left
}
#header {
 BACKGROUND: url(/_image/common/bg_header_sub.gif) no-repeat 19px bottom; HEIGHT: 268px; TEXT-ALIGN: center
}
#header .logo {
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 20px; PADDING-TOP: 50px
}
#header .menu LI {
 PADDING-RIGHT: 10px; DISPLAY: inline; PADDING-LEFT: 10px; FONT-SIZE: 0px; BACKGROUND: url(/_image/common/hd_menubar.gif) no-repeat left 45%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#header .menu LI.first {
 BACKGROUND: none transparent scroll repeat 0% 0%
}
#wrapper {
 FLOAT: left; WIDTH: 100%
}
#cnt {
 MIN-HEIGHT: 550px; MARGIN: 0px 171px 80px 55px; WIDTH: 769px; HEIGHT: 550px; TEXT-ALIGN: center
}
#cnt .subTitle {
 PADDING-BOTTOM: 45px
}
#navigation {
 BACKGROUND: url(/_image/common/bg_navi_sub.gif) no-repeat right top; FLOAT: left; MARGIN-LEFT: -995px; WIDTH: 55px; HEIGHT: 542px
}
#extra {
 FLOAT: left; MARGIN-LEFT: -171px; WIDTH: 171px; POSITION: relative
}
#extra #categoryFla {
 RIGHT: 24px; POSITION: absolute; TOP: 0px
}
#extra .callcenter {
 RIGHT: 10px; POSITION: absolute; TOP: 88px
}
#footer {
 CLEAR: left; FONT-SIZE: 11px; WIDTH: 100%; POSITION: relative; HEIGHT: 380px; TEXT-ALIGN: center
}
#footer .info {
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 8px; COLOR: #999; PADDING-TOP: 18px
}
#footer .info A {
 COLOR: #999
}
#footer .btnTop {
 RIGHT: 5px; BOTTOM: 50px; POSITION: absolute
}
FONT.completion_msg {
 FONT-WEIGHT: bold; FONT-SIZE: 11pt; COLOR: #614716
}
#login {
 BACKGROUND: #fff; FLOAT: left; MARGIN: 22px 0px 0px 26px; WIDTH: 695px; POSITION: relative; HEIGHT: 553px; TEXT-ALIGN: left
}
#login H4 {
 MARGIN: 43px 0px 0px 33px
}
#login .textImg {
 PADDING-RIGHT: 0px; PADDING-LEFT: 13px; PADDING-BOTTOM: 0px; PADDING-TOP: 250px
}
#login .banner {
 RIGHT: 0px; POSITION: absolute; TOP: 0px
}
#login .banner .btn {
 FONT-SIZE: 0px; PADDING-TOP: 16px; TEXT-ALIGN: center
}
#login .loginBox {
 BACKGROUND: #fff; LEFT: 352px; WIDTH: 306px; POSITION: absolute; TOP: 375px; HEIGHT: 132px
}
#login .loginBox P {
 MARGIN-LEFT: 28px
}
#login .loginBox P.top {
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 12px; PADDING-TOP: 40px
}
#login .loginBox P .input {
 BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: #bfbfbf 1px solid
}
#login .loginBox .inputBtn {
 LEFT: 229px; POSITION: absolute; TOP: 40px
}
#find {
 MARGIN: 0px auto; WIDTH: 450px; TEXT-ALIGN: center
}
#find .findMsg {
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}
#find H5 {
 MARGIN: 0px; WIDTH: 450px; TEXT-ALIGN: left
}
#find H6 {
 BACKGROUND: url(/_image/common/dotted.gif) repeat-x left bottom; MARGIN: 0px; WIDTH: 420px; PADDING-TOP: 7px; HEIGHT: 35px; TEXT-ALIGN: left
}
#find LABEL {
 WIDTH: 50px; MARGIN-RIGHT: 5px; TEXT-ALIGN: right
}
#find .box_left {
 VERTICAL-ALIGN: top; WIDTH: 215px
}
#find .box_right {
 WIDTH: 60px; TEXT-ALIGN: right
}
#join {
 TEXT-ALIGN: center
}
#join .boxStyle .prdName {
 BACKGROUND: #d8d6d4
}
#join .boxStyle TFOOT TR TD {
 PADDING-RIGHT: 20px; PADDING-LEFT: 20px; BACKGROUND: #f7f5f2; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; TEXT-ALIGN: right
}
#editStpe1 {
 BACKGROUND: url(/_image/member/bg_edit.gif) no-repeat; MARGIN: 0px auto; WIDTH: 486px; HEIGHT: 154px
}
#editStpe1 P {
 PADDING-TOP: 80px
}
.mpMenu {
 WIDTH: 100%
}
.mpMenu .menu {
 BACKGROUND: url(/_image/list/list_top.gif) repeat-x left top; WIDTH: 100%; HEIGHT: 37px
}
.mpMenu .menu UL {
 PADDING-RIGHT: 15px; PADDING-LEFT: 15px; PADDING-BOTTOM: 15px; PADDING-TOP: 15px
}
.mpMenu .menu UL LI {
 PADDING-RIGHT: 15px; DISPLAY: inline; PADDING-LEFT: 15px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.mpMenu .mpBox {
 CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; MARGIN-BOTTOM: 40px; PADDING-BOTTOM: 30px; WIDTH: 100%; PADDING-TOP: 30px; BORDER-BOTTOM: #969696 1px solid; POSITION: relative; TEXT-ALIGN: left
}
.mpMenu .mpBox .imgName {
 FLOAT: left; WIDTH: 235px
}
.mpMenu .mpBox .imgName P {
 PADDING-BOTTOM: 5px; MARGIN-LEFT: 33px; WIDTH: 166px; TEXT-ALIGN: center
}
.mpMenu .mpBox TABLE {
 FLOAT: left; WIDTH: 505px
}
.mpMenu .mpBox TABLE TH {
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; BACKGROUND: url(/_image/list/list_line.gif) repeat-x left bottom; PADDING-BOTTOM: 5px; COLOR: #000; PADDING-TOP: 5px; TEXT-ALIGN: left
}
.mpMenu .mpBox TABLE TH SPAN {
 MARGIN-LEFT: 20px
}
.mpMenu .mpBox TABLE TD {
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(/_image/list/list_line.gif) repeat-x left bottom; PADDING-BOTTOM: 5px; COLOR: #000; PADDING-TOP: 5px
}
#mypage .mpTitle {
 PADDING-LEFT: 38px; TEXT-ALIGN: left
}
#milage .milageMsg {
 TEXT-ALIGN: right
}
#milage .milageMsg SPAN {
 FONT-WEIGHT: bold; COLOR: #000
}
#couponList P {
 TEXT-ALIGN: right
}
#counsel .btn {
 MARGIN-TOP: 10px; TEXT-ALIGN: right
}
#counsel .counselCnt {
 PADDING-RIGHT: 30px; PADDING-LEFT: 30px; PADDING-BOTTOM: 30px; PADDING-TOP: 0px; TEXT-ALIGN: left
}
#counsel .counselCnt DT {
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; MARGIN: 20px 0px 0px; PADDING-TOP: 0px
}
#counsel .counselCnt DD {
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#counsel .counselCnt .question {
 COLOR: #777
}
#counsel .counselCnt .answer {
 COLOR: #000
}
#counsel INPUT {
 MARGIN: 3px 0px 0px 3px
}
#counsel TEXTAREA {
 MARGIN: 3px 0px 0px 3px
}
#counsel FIELDSET {
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; BACKGROUND: url(/_image/common/dotted.gif) repeat-x left bottom; PADDING-BOTTOM: 2px; WIDTH: 100%; PADDING-TOP: 2px; HEIGHT: 32px
}
.counselFin {
 BACKGROUND: url(/_image/mypage/bg_counselfin.gif) no-repeat; WIDTH: 486px; HEIGHT: 127px
}
.counselFin DIV {
 MARGIN: 55px 0px 0px 140px
}
.counselFin DIV P {
 FLOAT: left
}
.counselFin DIV P IMG {
 MARGIN-TOP: 2px
}
#attend {
 TEXT-ALIGN: center
}
#attend .today {
 MARGIN-BOTTOM: 20px; TEXT-ALIGN: center
}
#attend .attendConfig {
 MARGIN-BOTTOM: 25px; TEXT-ALIGN: center
}
#attend .attendConfig .point {
 PADDING-LEFT: 30px
}
#attend .calendar {
 WIDTH: 90%
}
#attend .calendar TH {
 BORDER-RIGHT: #efefef 1px solid; BORDER-TOP: #efefef 1px solid; BORDER-LEFT: #efefef 1px solid; BORDER-BOTTOM: #efefef 1px solid
}
#attend .calendar TD {
 BORDER-RIGHT: #efefef 1px solid; BORDER-TOP: #efefef 1px solid; BORDER-LEFT: #efefef 1px solid; BORDER-BOTTOM: #efefef 1px solid
}
#attend .calendar TH {
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 11px; PADDING-BOTTOM: 5px; WIDTH: 100px; PADDING-TOP: 5px; HEIGHT: 19px
}
#attend .calendar TD {
 PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-SIZE: 8pt; PADDING-BOTTOM: 4px; COLOR: #c292bd; PADDING-TOP: 4px; HEIGHT: 66px
}
#attend .calendar .attenY {
 BACKGROUND: url(/_image/mypage/attend_Y.gif) no-repeat center 50%
}
#attend .calendar .attenN {
 BACKGROUND: url(/_image/mypage/attend_N.gif) no-repeat center 50%
}
#attend .calendar .attenR {
 BACKGROUND: url(/_image/mypage/attend_R.gif) no-repeat center 50%
}
#order H5 {
 MARGIN: 20px 0px 10px; TEXT-ALIGN: left
}
.mypage_text {
 BORDER-RIGHT: #dedfde 1px solid; BORDER-TOP: #dedfde 1px solid; BORDER-LEFT: #dedfde 1px solid; WIDTH: 480px; BORDER-BOTTOM: #dedfde 1px solid; HEIGHT: 20px
}
.mypage_txta {
 BORDER-RIGHT: #dedfde 1px solid; BORDER-TOP: #dedfde 1px solid; BORDER-LEFT: #dedfde 1px solid; WIDTH: 480px; BORDER-BOTTOM: #dedfde 1px solid; HEIGHT: 100px
}
.change {
 BORDER-RIGHT: #ededef 1px solid; BORDER-TOP: #ededef 1px solid; MARGIN: 20px auto; BORDER-LEFT: #ededef 1px solid; WIDTH: 316px; BORDER-BOTTOM: #ededef 1px solid; HEIGHT: 130px; TEXT-ALIGN: center
}
.change FORM {
 MARGIN: 0px
}
.change P {
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.change .titleMsg {
 BACKGROUND: #ededef
}
.change .own {
 BACKGROUND: url(/_image/common/dotted.gif) repeat-x left bottom
}
.change .changeBtn {
 BORDER-RIGHT: #ff6600 1px solid; BORDER-TOP: #ff6600 1px solid; FONT-SIZE: 8pt; BORDER-LEFT: #ff6600 1px solid; COLOR: #ff6600; BORDER-BOTTOM: #ff6600 1px solid; HEIGHT: 20px; BACKGROUND-COLOR: #ffffff
}
.friend IMG {
 MARGIN: 200px 50px 0px
}
#uselaw {
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 20px; PADDING-TOP: 20px
}
#uselaw IFRAME {
 BORDER-RIGHT: #dedfde 1px solid; BORDER-TOP: #dedfde 1px solid; BORDER-LEFT: #dedfde 1px solid; WIDTH: 100%; BORDER-BOTTOM: #dedfde 1px solid; HEIGHT: 200px
}
#uselaw P {
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 20px; PADDING-TOP: 10px; TEXT-ALIGN: right
}
#uselaw P.btn {
 TEXT-ALIGN: center
}
#join_rull {
 BACKGROUND: #fff; WIDTH: 100%; TEXT-ALIGN: left
}
#join_rull DT {
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#join_rull DD {
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 20px; PADDING-TOP: 0px
}
#join_rull OL {
 PADDING-RIGHT: 0px; PADDING-LEFT: 30px; PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-TOP: 0px
}
#join_rull LI {
 MARGIN: 2px
}
#guide UL {
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; TEXT-ALIGN: left
}
#guide UL LI {
 PADDING-RIGHT: 0px; PADDING-LEFT: 26px; BACKGROUND: url(/_image/content/c_arrow.gif) no-repeat 9px 4px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#guide UL LI OL {
 PADDING-RIGHT: 0px; PADDING-LEFT: 10px; PADDING-BOTTOM: 20px; MARGIN: 0px; PADDING-TOP: 5px
}
#guide UL LI OL LI {
 PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%
}
#privacy  {
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#privacy {
 PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: #fff; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; TEXT-ALIGN: left
}
#privacy DT {
 PADDING-RIGHT: 0px; PADDING-LEFT: 20px; FONT-WEIGHT: bold; BACKGROUND: url(/_image/content/p_arrow.gif) no-repeat 0px 3px; PADDING-BOTTOM: 0px; PADDING-TOP: 3px
}
#privacy DD {
 MARGIN: 5px 0px 10px 20px
}
#privacy DD DL DT {
 PADDING-RIGHT: 0px; PADDING-LEFT: 18px; FONT-WEIGHT: normal; BACKGROUND: url(/_image/content/c_arrow.gif) no-repeat 0px 3px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#privacy DD DL DD {
 MARGIN: 0px 0px 0px 18px
}
#privacy UL {
 MARGIN: 5px 0px 5px 25px; LIST-STYLE-TYPE: disc
}
#privacy OL {
 MARGIN-LEFT: 30px
}
#privacy IFRAME {
 BORDER-RIGHT: #dedfde 1px solid; BORDER-TOP: #dedfde 1px solid; BORDER-LEFT: #dedfde 1px solid; BORDER-BOTTOM: #dedfde 1px solid
}
#cart {
 MARGIN: 0px auto; WIDTH: 100%
}
#cart .boxStyle2 {
 BORDER-BOTTOM: #969696 1px solid
}
#cart .boxStyle2 TFOOT TR TD {
 PADDING-RIGHT: 20px; PADDING-LEFT: 20px; BACKGROUND: url(/_image/shop/cart_total.gif) no-repeat 452px 50%; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; TEXT-ALIGN: right
}
#cart .boxStyle2 .empty {
 BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 100%; COLOR: #333; HEIGHT: 300px; TEXT-ALIGN: center
}
#cart .cartBtn {
 PADDING-RIGHT: 22px; POSITION: relative; TOP: -20px; TEXT-ALIGN: right
}
.sort {
 CLEAR: both; WIDTH: 100%
}
.sort .sortLayout P {
 MARGIN: 0px 0px 10px
}
.sort .sortLayout .totalQty {
 FLOAT: left; WIDTH: 50%; TEXT-ALIGN: left
}
.sort .sortLayout .totalQty #total_item {
 FONT-WEIGHT: bold; COLOR: #000
}
.sort .sortLayout .sortStyle {
 FLOAT: right; WIDTH: 49%; TEXT-ALIGN: right
}
.prdTable {
 WIDTH: 100%; BORDER-BOTTOM: #c7c7c7 1px solid
}
.prdTable TD {
 VERTICAL-ALIGN: top; TEXT-ALIGN: center
}
.prdListempty {
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 100px; PADDING-TOP: 100px
}
.productList {
 PADDING-BOTTOM: 20px; POSITION: relative
}
.productListAcc {
 WIDTH: 100%; POSITION: relative
}
.productListAcc .frame {
 LEFT: 26px; POSITION: absolute; TOP: 0px
}
.productListAcc2 {
 WIDTH: 100%; POSITION: relative
}
.productListAcc2 .frame {
 LEFT: 20px; POSITION: absolute; TOP: 0px
}
.productListBest {
 PADDING-BOTTOM: 20px; WIDTH: 100%; POSITION: relative
}
.productListBest SPAN {
 LEFT: 25px; BOTTOM: 28px; POSITION: absolute
}
.productListBest2 {
 PADDING-BOTTOM: 20px; WIDTH: 100%; POSITION: relative
}
.productListBest2 SPAN {
 LEFT: 25px; BOTTOM: 20px; POSITION: absolute
}
.productListWith {
 PADDING-BOTTOM: 20px; WIDTH: 100%; POSITION: relative
}
.productListWith .withprdName {
 LEFT: 120px; POSITION: absolute; TOP: 248px; TEXT-ALIGN: left
}
.productListWith .withprdName DIV {
 PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.productListWith .withprdName DIV SPAN {
 PADDING-RIGHT: 2px; PADDING-LEFT: 2px; BACKGROUND: #fff; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; HEIGHT: 15px
}
.productListWith .withprdName DIV SPAN P {
 LINE-HEIGHT: 120%
}
#detail {
 PADDING-BOTTOM: 50px; WIDTH: 100%
}
#detail .detailTop {
 FLOAT: left; WIDTH: 673px; PADDING-TOP: 50px; HEIGHT: 600px
}
#detail .dtLeft {
 FLOAT: left; WIDTH: 372px; POSITION: relative; TEXT-ALIGN: left
}
#detail .dtLeft .line {
 LEFT: 225px; POSITION: absolute; TOP: 44px
}
#detail .dtLeft .line2 {
 LEFT: 257px; POSITION: absolute; TOP: 105px
}
#detail .dtRight {
 FLOAT: left; WIDTH: 301px; TEXT-ALIGN: left
}
#detail .dtRight .prdName {
 BACKGROUND: url(/_image/shop/detail_prdname.gif) no-repeat; MARGIN: 31px 0px 22px 35px; WIDTH: 216px; HEIGHT: 35px; TEXT-ALIGN: center
}
#detail .dtRight .prdName TABLE TD {
 FONT-WEIGHT: bold; HEIGHT: 35px
}
#detail .dtRight .prdinfo {
 BORDER-RIGHT: #565656 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #565656 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 13px; BORDER-LEFT: #565656 1px solid; WIDTH: 301px; PADDING-TOP: 13px; BORDER-BOTTOM: #565656 1px solid
}
#detail .dtRight .prdinfo .prdList {
 WIDTH: 226px; COLOR: #000
}
#detail .dtRight .prdinfo .prdList TH {
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; WIDTH: 50%; PADDING-TOP: 5px; TEXT-ALIGN: left
}
#detail .dtRight .prdinfo .prdList TD {
 WIDTH: 50%; TEXT-ALIGN: right
}
#detail .dtRight .prdinfo .prdList TD SPAN {
 FONT-WEIGHT: bold
}
#detail .dtRight .prdinfo .prdList .listQuantity SPAN {
 FLOAT: right
}
#detail .dtRight .prdinfo .prdList .listQuantity SPAN INPUT {
 BORDER-RIGHT: 0px; PADDING-RIGHT: 5px; BORDER-TOP: 0px; BORDER-LEFT: 0px; WIDTH: 30px; BORDER-BOTTOM: #000 1px solid; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: right
}
#detail .dtRight .prdinfo .buyBtn {
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN-LEFT: 38px; WIDTH: 225px; PADDING-TOP: 50px
}
#detail .dtRight .prdinfo .buyBtn LI {
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
#detail .detailinfo {
 CLEAR: both; BORDER-RIGHT: #c7c7c7 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #c7c7c7 1px solid; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 20px; BORDER-LEFT: #c7c7c7 1px solid; WIDTH: 952px; PADDING-TOP: 20px; BORDER-BOTTOM: #c7c7c7 1px solid
}
#detail .detailinfo .dtInfo {
 WIDTH: 952px; TEXT-ALIGN: justify
}
#detail .detailinfo .commonInfo {
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 20px; PADDING-TOP: 20px
}
#detail .detailinfo H3 {
 MARGIN: 20px 0px; WIDTH: 100%; POSITION: relative; TEXT-ALIGN: left
}
#detail .detailinfo .qnarevList {
 MARGIN: 20px auto; WIDTH: 660px; TEXT-ALIGN: right
}
#detail .detailinfo .qnarevList .qnarevBtn {
 
}
#detail .detailinfo .qnarevList .qnarevBtn SPAN {
 FLOAT: left
}
#detail .detailWith {
 BORDER-RIGHT: #c7c7c7 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #c7c7c7 1px solid; PADDING-LEFT: 0px; BACKGROUND: url(/_image/shop/detail_with_top.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 20px; MARGIN: 54px 0px 0px 19px; BORDER-LEFT: #c7c7c7 1px solid; WIDTH: 952px; PADDING-TOP: 20px; BORDER-BOTTOM: #c7c7c7 1px solid
}
#detail .detailWith H3 {
 MARGIN: 0px 9px 17px 0px; TEXT-ALIGN: right
}
#zoom {
 BORDER-RIGHT: #eee 5px solid; PADDING-RIGHT: 10px; BORDER-TOP: #eee 5px solid; PADDING-LEFT: 10px; BACKGROUND: #fff; PADDING-BOTTOM: 10px; BORDER-LEFT: #eee 5px solid; WIDTH: 735px; PADDING-TOP: 10px; BORDER-BOTTOM: #eee 5px solid; HEIGHT: 580px; TEXT-ALIGN: left
}
#zoom .name {
 FONT-WEIGHT: bold; FONT-SIZE: 1.2em; PADDING-BOTTOM: 10px
}
#zoom .img {
 BORDER-RIGHT: #efefef 5px solid; BORDER-TOP: #efefef 5px solid; VERTICAL-ALIGN: middle; BORDER-LEFT: #efefef 5px solid; WIDTH: 550px; BORDER-BOTTOM: #efefef 5px solid; HEIGHT: 500px; TEXT-ALIGN: center
}
#zoom UL {
 RIGHT: 40px; POSITION: absolute; TOP: 40px
}
#zoom LI {
 BORDER-RIGHT: #efefef 3px solid; BORDER-TOP: #efefef 3px solid; MARGIN: 5px; BORDER-LEFT: #efefef 3px solid; BORDER-BOTTOM: #efefef 3px solid
}
#zoom .close {
 MARGIN: 15px 0px 0px; TEXT-ALIGN: center
}
.qnarevView {
 WIDTH: 100%
}
.qnarevView .btn {
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; PADDING-TOP: 5px; TEXT-ALIGN: right
}
#qnaWriteDiv TABLE {
 MARGIN: 0px auto; WIDTH: 660px
}
#revWriteDiv TABLE {
 MARGIN: 0px auto; WIDTH: 660px
}
#qnaWriteDiv TABLE TH {
 VERTICAL-ALIGN: top
}
#revWriteDiv TABLE TH {
 VERTICAL-ALIGN: top
}
#qnaWriteDiv TABLE TH IMG {
 MARGIN-TOP: 10px
}
#revWriteDiv TABLE TH IMG {
 MARGIN-TOP: 10px
}
#qnaWriteDiv TABLE TD {
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 7px; PADDING-TOP: 7px
}
#revWriteDiv TABLE TD {
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 7px; PADDING-TOP: 7px
}
.qnarevListBtn {
 PADDING-RIGHT: 60px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; PADDING-TOP: 0px; TEXT-ALIGN: right
}
#qnarevList {
 MARGIN: 0px auto; WIDTH: 660px
}
#qnarevList P {
 TEXT-ALIGN: right
}
#qnarevList TABLE {
 BORDER-COLLAPSE: collapse
}
#qnarevList TABLE THEAD TH {
 BORDER-TOP: #e0e0e0 2px solid; BACKGROUND: url(/_image/shop/list_bar.gif) no-repeat left 50%; BORDER-BOTTOM: #e5e5e5 1px solid; HEIGHT: 30px
}
#qnarevList TABLE THEAD .first {
 BACKGROUND: none transparent scroll repeat 0% 0%
}
#qnarevList TABLE TBODY TD {
 BORDER-BOTTOM: #e5e5e5 1px solid; HEIGHT: 30px; TEXT-ALIGN: center
}
#qnarevList TABLE TBODY .product {
 PADDING-LEFT: 10px; TEXT-ALIGN: left
}
#qnarevList TABLE TBODY .subject {
 TEXT-ALIGN: left
}
#qnarevList TABLE TBODY .qnarevCnt {
 BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; WIDTH: 100%; BORDER-BOTTOM: 0px; HEIGHT: 0px
}
#qnarevList TABLE TBODY .qnarevCnt TD {
 BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
#qnarevList TABLE TBODY .qnarevCnt P {
 BACKGROUND: #f7f7f7; TEXT-ALIGN: left
}
#qnarevList TABLE TBODY .qnarevCnt .qnarevBtn {
 TEXT-ALIGN: right
}
#qnarevList .noticeDiv {
 BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px; HEIGHT: 0px
}
#qnarevList .noticeDiv DIV {
 PADDING-RIGHT: 10px; DISPLAY: none; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}
#qnarevList .noticeDiv .text {
 BORDER-RIGHT: #dddddd 1px solid; TABLE-LAYOUT: fixed; PADDING-RIGHT: 5px; BORDER-TOP: #dddddd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: #dddddd 1px solid; WIDTH: 98%; PADDING-TOP: 5px; BORDER-BOTTOM: #dddddd 1px solid; TEXT-ALIGN: left
}
.inputQnR {
 BORDER-RIGHT: #d5d5d5 1px solid; BORDER-TOP: #d5d5d5 1px solid; BORDER-LEFT: #d5d5d5 1px solid; WIDTH: 99%; BORDER-BOTTOM: #d5d5d5 1px solid
}
.inputQnRtxta {
 BORDER-RIGHT: #d5d5d5 1px solid; BORDER-TOP: #d5d5d5 1px solid; BORDER-LEFT: #d5d5d5 1px solid; WIDTH: 99%; BORDER-BOTTOM: #d5d5d5 1px solid; HEIGHT: 100px
}
.frmFld {
 BORDER-RIGHT: #d6d6d6 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #d6d6d6 1px solid; PADDING-LEFT: 0px; BACKGROUND: #fff; PADDING-BOTTOM: 10px; MARGIN: 10px auto; BORDER-LEFT: #d6d6d6 1px solid; WIDTH: 98%; PADDING-TOP: 10px; BORDER-BOTTOM: #d6d6d6 1px solid; TEXT-ALIGN: left
}
.frmFld TABLE {
 WIDTH: 100%
}
.frmFld TABLE TH {
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; WIDTH: 15%; PADDING-TOP: 5px
}
.frmFld TABLE TD {
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; WIDTH: 85%; PADDING-TOP: 5px; TEXT-ALIGN: left
}
#order .boxStyle2 TFOOT TR TD {
 PADDING-RIGHT: 20px; PADDING-LEFT: 20px; BACKGROUND: #f7f5f2; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; TEXT-ALIGN: right
}
#order .btnBox {
 TEXT-ALIGN: center
}
#order .btnBox #order1 {
 PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}
#order .btnBox #order2 {
 BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #a0a0a0 1px solid; MARGIN-TOP: 20px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; BORDER-LEFT: #a0a0a0 1px solid; WIDTH: 400px; PADDING-TOP: 3px; BORDER-BOTTOM: #a0a0a0 1px solid; TEXT-ALIGN: center
}
#order .couponList {
 BORDER-RIGHT: #bdbdbd 1px solid; BORDER-TOP: #bdbdbd 1px solid; FONT-SIZE: 11px
}
#order .couponList TH {
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; BACKGROUND: #e5e5e5; PADDING-BOTTOM: 5px; BORDER-LEFT: #bdbdbd 1px solid; COLOR: #555555; PADDING-TOP: 5px; BORDER-BOTTOM: #bdbdbd 1px solid; TEXT-ALIGN: center
}
#order .couponList TD {
 BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-LEFT: #bdbdbd 1px solid; BORDER-BOTTOM: #bdbdbd 1px solid
}
#orderFinish H5 {
 MARGIN: 20px 0px
}
#orderFinish .gift {
 WIDTH: 430px
}
#orderFinish .gift UL {
 TEXT-ALIGN: left
}
#orderFinish .gift .giftName {
 PADDING-LEFT: 25px
}
#searchResult .searchMsg {
 PADDING-RIGHT: 0px; BORDER-TOP: #adadad 1px dotted; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; MARGIN: 10px 0px; PADDING-TOP: 5px; BORDER-BOTTOM: #adadad 1px dotted
}
#searchResult .searchMsg SPAN {
 FONT-WEIGHT: bold; COLOR: #ff0000
}
#searchResult .searchCategory {
 FLOAT: left; WIDTH: 74%; TEXT-ALIGN: left
}
#searchResult .searchCategory SPAN {
 PADDING-LEFT: 5px; BACKGROUND: #ebebeb; WIDTH: 85px
}
#searchResult .searchCategory P {
 MARGIN: 10px 0px 0px 10px
}
#searchResult .searchBest {
 FLOAT: left; WIDTH: 26%
}
#searchResult .searchBest .top {
 BACKGROUND: url(/_image/shop/search_best_title.gif) no-repeat; WIDTH: 179px; PADDING-TOP: 5px; HEIGHT: 30px; TEXT-ALIGN: left
}
#searchResult .searchBest .top SPAN {
 FONT-WEIGHT: bold; MARGIN-LEFT: 25px
}
#searchResult .searchBest TABLE {
 BACKGROUND: url(/_image/shop/search_best_bg.gif) repeat-y; WIDTH: 179px
}
#searchResult .searchBest TABLE TH {
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; BORDER-BOTTOM: #dcdcdc 1px solid
}
#searchResult .searchBest TABLE TD {
 FONT-SIZE: 12px; BORDER-BOTTOM: #dcdcdc 1px solid
}
#searchResult .searchBest .bottom {
 BACKGROUND: url(/_image/shop/search_best_bottom.gif) no-repeat; WIDTH: 179px; HEIGHT: 15px
}
#searchResult .boxStyle2 TR TD SPAN {
 FLOAT: left; MARGIN-RIGHT: 10px
}
#coordiView .codiName {
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 10px; COLOR: #000000; PADDING-TOP: 20px
}
#coordiView .codiCnt {
 TEXT-ALIGN: left
}
#coordiView .codiTitle {
 MARGIN: 20px 0px
}
#coordiView TABLE .prdName {
 COLOR: #b0aeae; TEXT-ALIGN: center
}
#coordiView TABLE .prdPrice {
 FONT-WEIGHT: bold; COLOR: #ad8f6d; TEXT-ALIGN: center
}
#coordiView .btn {
 MARGIN: 20px 0px
}


내용이 쫌 기네요 ;;
뭐가 스크롤바인지 몰라 전부 복사했습니다.
오른쪽 스크롤바는 그대로 두고
글씨체는 돋음체로 하고싶은데..
어떻게 해야할지 모르겠습니다.
도와주세요 ㅠㅠ

댓글 전체

A {

}
AREA {

}
:unknown {
moz-outline-style: none
}
BODY {
SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #7d7d7d; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #000000; SCROLLBAR-DARKSHADOW-COLOR: #7d7d7d
}
이렇게 넣으세요 ^^
전체 66,554 |RSS
그누4 질문답변 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT