.button, .button *{position:relative; margin:0; padding:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; white-space:nowrap; background:url('/common/css/images/style_button.gif') no-repeat; vertical-align:top; overflow:visible; color:#333;} .button {margin-right:4px;} .button * {left:4px; cursor:pointer; _cursor:hand;} /* Button Size = medium | large | xLarge | small */ .button.medium, .button.medium * {height:24px; line-height:24px;} .button.large, .button.large * {height:30px; line-height:30px;} .button.xLarge, .button.xLarge * {height:36px; line-height:36px;} .button.small, .button.small * {height:19px; line-height:19px;} .button.medium {background-position:left 0;} .button.large {background-position:left -30px;} .button.xLarge {background-position:left -65px;} .button.small {background-position:left -106px;} .button.medium * {padding:0 10px 0 6px; font-size:12px; background-position:right top;} .button.large * {padding:0 10px 0 6px; font-size:16px; background-position:right -30px;} .button.xLarge * {padding:0 10px 0 6px; font-size:20px; background-position:right -65px;} .button.small * {padding:0 6px 0 2px; font-size:11px; background-position:right -106px;} /* Button Hover */ .button *:hover, .button *:active, .button *:focus {color:#d89800;} /* Button Strong */ .button.strong * {font-weight:bold !important;} /* Button Icon Variation */ .button.icon * {padding-left:20px;} .button.small.icon * {padding-left:16px;} .button.icon span {width:20px; margin-right:-20px; padding:0 !important;} .button.medium .check {background-position:4px -150px;} .button.large .check {background-position:4px -146px;} .button.xLarge .check {background-position:5px -144px;} .button.small .check {background-position:3px -153px;} .button.medium .add {background-position:-16px -150px;} .button.large .add {background-position:-14px -146px;} .button.xLarge .add {background-position:-14px -144px;} .button.small .add {background-position:-18px -153px;} .button.medium .delete {background-position:-34px -150px;} .button.large .delete {background-position:-34px -146px;} .button.xLarge .delete {background-position:-34px -144px;} .button.small .delete {background-position:-37px -153px;} .button.medium .calendar {background-position:-56px -150px;} .button.large .calendar {background-position:-56px -146px;} .button.xLarge .calendar {background-position:-56px -144px;} .button.small .calendar {background-position:-59px -153px;} .button.medium .refresh {background-position:-76px -150px;} .button.large .refresh {background-position:-76px -146px;} .button.xLarge .refresh {background-position:-76px -144px;} .button.small .refresh {background-position:-79px -153px;} .button.medium .star {background-position:-98px -150px;} .button.large .star {background-position:-98px -146px;} .button.xLarge .star {background-position:-98px -144px;} .button.small .star {background-position:-100px -153px;} .button.medium .heart {background-position:-120px -150px;} .button.large .heart {background-position:-120px -146px;} .button.xLarge .heart {background-position:-120px -144px;} .button.small .heart {background-position:-121px -153px;} .button.medium .question {background-position:-140px -150px;} .button.large .question {background-position:-140px -146px;} .button.xLarge .question {background-position:-140px -144px;} .button.small .question {background-position:-141px -153px;} .button.medium .right {background-position:-160px -150px;} .button.large .right {background-position:-160px -146px;} .button.xLarge .right {background-position:-160px -144px;} .button.small .right {background-position:-161px -153px;} .button.medium .left {background-position:-180px -150px;} .button.large .left {background-position:-180px -146px;} .button.xLarge .left {background-position:-180px -144px;} .button.small .left {background-position:-181px -153px;} .button.medium .music {background-position:-200px -150px;} .button.large .music {background-position:-200px -146px;} .button.xLarge .music {background-position:-200px -144px;} .button.small .music {background-position:-201px -153px;} .button.medium .female {background-position:-220px -150px;} .button.large .female {background-position:-220px -146px;} .button.xLarge .female {background-position:-220px -144px;} .button.small .female {background-position:-220px -153px;} .button.medium .male {background-position:-238px -150px;} .button.large .male {background-position:-238px -146px;} .button.xLarge .male {background-position:-238px -144px;} .button.small .male {background-position:-238px -153px;} .button.medium .zoom {background-position:-259px -150px;} .button.large .zoom {background-position:-259px -146px;} .button.xLarge .zoom {background-position:-259px -144px;} .button.small .zoom {background-position:-259px -153px;} .button.medium .letter {background-position:-283px -150px;} .button.large .letter {background-position:-283px -146px;} .button.xLarge .letter {background-position:-283px -144px;} .button.small .letter {background-position:-283px -152px;} .button.medium .new {background-position:-305px -150px;} .button.large .new {background-position:-305px -146px;} .button.xLarge .new {background-position:-305px -144px;} .button.small .new {background-position:-305px -153px;} /* Title */ .Title_Style1 {height:15px; padding:0 0 5px 20px; margin:5px; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; background:url('/common/css/images/common/title_style.gif') no-repeat; font-size:14px; color:#fff;} .Title_Style1 .Tail {height:15px; width:10px; background:url('/common/css/images/common/title_style.gif') right top; display:inline-block;} .MenuWizardDot {background:url('/common/css/images/MWdot.gif') no-repeat; margin:10px 0 0 10px; padding-left:20px; height:20px; display:inline-block; font-size:14px; font-weight:bold; color:#000; font-family:굴림, dotum;} /*button style1*/ body .button1 {text-decoration:none; overflow:visible; font-weight:bold; color:#fff; padding:4px 15px; font-size:12px; font-family:gulim; background:url('/common/css/images/common/bg_line_3.gif'); border-top:1px solid #aaa; border-left:1px solid #aaa; border-right:1px solid #333; border-bottom:1px solid #333;} body .button1:hover {color:#eee; border-top:1px solid #333; border-left:1px solid #333; border-right:1px solid #aaa; border-bottom:1px solid #aaa;} /*button style2*/ .button2, .button2 *{position:relative; margin:0; padding:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; white-space:nowrap; background:url('/common/css/images/style_button2.gif') no-repeat; vertical-align:top; overflow:visible; color:#333;} .button2 {margin-right:4px;} .button2 *{left:4px; cursor:pointer; _cursor:hand;} .button2.medium, .button2.medium * {height:22px; line-height:22px;} .button2.medium {background-position:left 0;} .button2.medium *{padding:0 10px 0 6px; font-size:12px; background-position:right top;} .button2.strong *{font-weight:bold !important;} .button2 *:hover, .button2 *:active, .button2 *:focus {color:#690;} .button2.icon * {padding-left:20px;} .button2.icon span{width:20px; margin-right:-20px; padding:0 !important;} .button2 .delete{background-position:-20px -24px; z-index:100;} /*button style3*/ .button3 {text-decoration:none; color:#333; padding:4px; font-size:12px; font-family:gulim; background:url('/common/css/images/style_button3.gif') no-repeat; border-top:1px solid #aaa; border-left:1px solid #aaa; border-right:1px solid #333; border-bottom:1px solid #333; line-height:22px;} .button3:hover {color:#666; border-top:1px solid #333; border-left:1px solid #333; border-right:1px solid #aaa; border-bottom:1px solid #aaa;} .button3.icon {padding-left:19px; _padding:2px 8px 0 10px; text-decoration:none;} .button3.icon.delete {background-position:0 -21px;} .button3.icon.check {background-position:0 -42px;} .button3.icon.book {background-position:0 -63px;} .button3.icon.star {background-position:0 -84px;} .button3.icon.add {background-position:0 -105px;} .button3.icon.list {background-position:0 -147px;} .button3.icon.calender {background-position:0 -168px;} .button3.icon.detail {background-position:0 -189px;} .button3.icon.write {background-position:0 -210px;} .button3.icon.time {background-position:0 -231px;} .button3.icon.delete2 {background-position:-200px -21px;} .button3.icon.check2 {background-position:-200px -42px;} .button3.icon.book2 {background-position:-200px -63px;} .button3.icon.star2 {background-position:-200px -84px;} .button3.icon.add2 {background-position:-200px -105px;} .button5 {display:block; padding:3px 10px; background:url('/common/css/images/common/bg_line_1.gif'); border:1px solid #666; text-decoration:none; font-size:12px; color:#999; font-family:dotum;} .button5:hover, .button5.ON {background:url('/common/css/images/common/bg_line_3.gif'); color:#fff;} .button5.ON {font-weight:bold;} /*button style6*/ .button6 {text-decoration:none; color:#363636; padding:4px; font-size:12px; font-family:gulim; background:url('/common/css/images/common/mjoin_bg.gif') repeat-x; border-top:1px solid #555; border-left:1px solid #555; border-right:1px solid #555; border-bottom:1px solid #555; line-height:22px;} .button6:hover {color:#666; border-top:1px solid #555; border-left:1px solid #555; border-right:1px solid #555; border-bottom:1px solid #555;} /*button style7 광고등록하기*/ .button7 { text-decoration:none; color:#000; font-weight:bold; padding:7px; font-size:13px; font-family:dotum; background:url('/common/css/images/style_button7.gif') repeat-x; border-top:1px solid #aaa; border-left:1px solid #aaa; border-right:1px solid #aaa; border-bottom:1px solid #aaa; line-height:26px; } .button7:hover { color:#888; border:solid 1px #666; } /*회원상세정보 이미지 첨부삭제버튼*/ .inputdelete {background:url('/common/css/images/inputdelete.gif'); width:45px; height:20px; border-top:1px solid #aaa; border-left:1px solid #aaa; border-right:1px solid #333; border-bottom:1px solid #333;} /*input button style1*/ .inbutton1 {cursor:pointer; overflow:visible; font-weight:bold; color:#fff; height:22px; _height:21px; _padding-top:3px; padding-left:20px; padding-right:20px; background:url('/common/css/images/common/bg_line_3.gif') repeat-x; border-top:1px solid #aaa; border-left:1px solid #aaa; border-right:1px solid #333; border-bottom:1px solid #333; vertical-align:bottom;} .inbutton1:hover {color:#eee;} .inbutton1:active {border-top:1px solid #333; border-left:1px solid #333; border-right:1px solid #aaa; border-bottom:1px solid #aaa;} /*input button style*/ .inbutton2 {cursor:pointer; overflow:visible; font-weight:bold; color:#fff; height:22px; _height:21px; _padding-top:3px; padding-left:20px; padding-right:20px; background:url('/common/css/images/common/bg_line_4.gif'); border-top:1px solid #aaa; border-left:1px solid #aaa; border-right:1px solid #333; border-bottom:1px solid #333; vertical-align:bottom;} .inbutton2:hover {color:#eee;} .inbutton2:active {border-top:1px solid #333; border-left:1px solid #333; border-right:1px solid #aaa; border-bottom:1px solid #aaa;} .inbutton3 {cursor:pointer; overflow:visible; padding:0 5px; display:inline-block; height:22px; background:url('/common/css/images/style_button3.gif') no-repeat; border-top:1px solid #aaa; border-left:1px solid #aaa; border-right:1px solid #333; border-bottom:1px solid #333; vertical-align:bottom;} .inbutton3:hover {color:#666;} .inbutton3:active {border-top:1px solid #333; border-left:1px solid #333; border-right:1px solid #aaa; border-bottom:1px solid #aaa;} .inbutton3.icon {padding-left:18px;} .inbutton3.icon.delete {background-position:0 -21px;} .inbutton3.icon.check {background-position:0 -42px;} .inbutton3.icon.book {background-position:0 -63px;} .inbutton3.icon.star {background-position:0 -84px;} .inbutton3.icon.add {background-position:0 -105px;} .inbutton3.icon.list {background-position:0 -147px;} .inbutton3.icon.calender {background-position:0 -168px;} .inbutton3.icon.detail {background-position:0 -189px;} .inbutton3.icon.write {background-position:0 -210px;} .inbutton3.icon.time {background-position:0 -231px;} .inbutton3.icon.delete2 {background-position:-200px -21px;} .inbutton3.icon.check2 {background-position:-200px -42px;} .inbutton3.icon.book2 {background-position:-200px -63px;} .inbutton3.icon.star2 {background-position:-200px -84px;} .inbutton3.icon.add2 {background-position:-200px -105px;} .inbutton3.icon.post {background-position:-200px -147px;} /*input button style4*/ .inbutton4 {cursor:pointer; display:inline-block; padding:3px 5px 0 20px; height:22px; background:url('/common/css/images/style_button4.gif') no-repeat; border-top:1px solid #aaa; border-left:1px solid #aaa; border-right:1px solid #666; border-bottom:1px solid #666; vertical-align:bottom;} .inbutton4:hover {color:#777;} .inbutton4:active {border-top:1px solid #333; border-left:1px solid #333; border-right:1px solid #aaa; border-bottom:1px solid #aaa;} .inbutton4.b_list {background-position:0 0;} .inbutton4.b_detail {background-position:0 -21px;} .inbutton4.b_write {background-position:0 -42px;} .inbutton4.p_list {background-position:0 -63px;} .inbutton4.p_detail {background-position:0 -84px;} .inbutton4.p_write {background-position:0 -105px;} .inbutton4.g_list {background-position:0 -126px;} .inbutton4.g_detail {background-position:0 -147px;} .inbutton4.g_write {background-position:0 -168px;} /*input button style5*/ .inbutton5 {cursor:pointer; display:inline-block; padding:5px; overflow:visible; *padding:2px; height:22px; background:url('/common/css/images/style_button5.gif') repeat-x; border:1px solid #aaa; vertical-align:bottom; color:#666;} .inbutton5:hover {color:#d89800; border-color:#d89800; background:#fff; font-weight:bold;} .inbutton5.active {color:#d89800; border-color:#d89800; background:#fff;} /*input button style6*/ .inbutton6 {cursor:pointer; overflow:visible; padding:5px 8px; background:url('/common/css/images/common/bg_line_1.gif'); border-top:1px solid #aaa; border-left:1px solid #aaa; border-right:1px solid #666; border-bottom:0; vertical-align:bottom;} .inbutton6:hover, .inbutton6.active {background:#fff url('/common/css/images/common/bg_line2.gif') repeat-x;} .inbutton6.ON {background:#333 url('/common/css/images/common/bg_line_3.gif') repeat-x; color:#fff; font-weight:bold;} /*input button style7*/ .inbutton7 {cursor:pointer; overflow:visible; color:#999; padding:5px 8px; background:url('/common/css/images/common/moim_bg1.gif'); border-top:1px solid #999; border-left:1px solid #999; border-right:1px solid #999; border-bottom:0; vertical-align:bottom;} .inbutton7:hover, .inbutton6.active {background:#fff url('/common/css/images/common/bg_line2.gif') repeat-x;} .inbutton7.ON {background:url('/common/css/images/common/moim_bg2.gif') repeat-x; color:#fff; font-weight:normal; border-top:1px solid #000; border-left:1px solid #000; border-right:1px solid #000; border-bottom:0;} /*input button style none*/ .inbutton_none {border:none; background:none; cursor:pointer; padding:0; text-align:left; vertical-align:bottom;} /*관리자 - 회원목록부분 버튼new스타일_박혜영*/ a{text-decoration:none;} .BTN_BLUE{padding:4px 35px 4px 25px; color:#ffffff; font-weight:bold; background:#83b9e0 url(/images/btn/bg_btn_blue.png) no-repeat 90% 45%; margin:0 5px;} .BTN_MANUAL_GUIDE{position:relative; background-color:#e9e9e9; width:94%; margin:3px auto; padding:8px; font-family:맑은 고딕, Malgun Gothic; font-weight:bold; font-size:13px; border:2px dashed #dadada; overflow:hidden; clear:both; !important} .BTN_MANUAL_GUIDE ul{margin:0; padding:0; background:url(/images/btn/bg_btn_manual_left.png) left no-repeat; padding-left:13px; !important} .BTN_MANUAL_GUIDE li{display:inline-block; margin:0; padding:0; vertical-align:top; !important} .BTN_MANUAL_GUIDE .Btn_manualTitle{height:26px; background:url(/images/btn/bg_btn_manual_right.png) right; padding:6px 36px 3px 15px; min-width:230px; !important} .BTN_MANUAL_GUIDE a:hover{text-decoration:underline; color:#03F;} .BTN_MANUAL_GUIDE.Wz_slide ul{float:left;margin:0 3px; !important} .BTN_MANUAL_GUIDE.Wz_slide .Btn_manualTitle{ min-width:100px;} .BTN_MANUAL_GUIDE span{font-size:12px; color:#777;} /* 2017.09.12 게시글작성하기 new 스타일 확인,취소 적용 */ .bBtn{position:relative; margin:0; padding:0; display:inline-block; cursor:pointer;} .bBtn input{background:none; border:none; font-size:15px; font-family:NanumBarunGothic, Malgun Gothic, 맑은고딕;} /* 사이즈 */ .bBtn.Large{padding:10px 20px; letter-spacing:3px;} /* 백컬러*/ .bBtn.orange{background-color:#ff7e00;border:1px solid #ff7200; color:#ffffff; font-size:15px; } .bBtn.grey{background-color:#a7a7a7;border:1px solid #949090; color:#333333; font-size:15px; } .bBtn.orange input{color:#ffffff;} .bBtn.grey input{color:#333333;}