/* Copyright 1999-2007 Moneytoday. http://mtn.moneytoday.co.kr MTN CSS 최종작성일: 2008-07-24 */ @charset "euc-kr"; /*Box Style*/ .box_top_880 {background:url(/img/mtn/box_top_880.gif) no-repeat left bottom; height:6px; padding:0; margin:0;} .box_bg_880 {background-color:#f1f1f1; border-left:solid 1px #e7e7e7; border-right:solid 1px #e7e7e7; width:878px;} .box_bottom_880 {background:url(/img/mtn/box_bottom_880.gif) no-repeat left top; height:6px; padding:0; margin:0;} .box_top_862 {background:url(/img/mtn/box_top_862.gif) no-repeat left bottom; height:6px; padding:0; margin:0;} .box_bg_862 {background-color:#FFF; border-left:solid 1px #e7e7e7; border-right:solid 1px #e7e7e7; width:860px;} .box_bottom_862 {background:url(/img/mtn/box_bottom_862.gif) no-repeat left top; height:6px; padding:0 0 4px 0; margin:0;} .box_top_800 {background:url(/img/mtn/box_top_800.gif) no-repeat left bottom; height:6px; padding:0; margin:0;} .box_bg_800 {background-color:#FFF; border-left:solid 1px #f3bbaa; border-right:solid 1px #f3bbaa; width:798px; padding:10px 0 5px 0;} .box_bottom_800 {background:url(/img/mtn/box_bottom_800.gif) no-repeat left top; height:6px; padding:0; margin:0;} .box_top_450 {background:url(/img/mtn/box_top_450.gif) no-repeat left bottom; height:6px; padding:0; margin:0;} .box_bg_450 {background-color:#FFF; border-left:solid 1px #e7e7e7; border-right:solid 1px #e7e7e7; width:448px;} .box_bottom_450 {background:url(/img/mtn/box_bottom_450.gif) no-repeat left top; height:6px; padding:0; margin:0;} /*Body*/ #mtnBody {clear:both;} #mtnSubContents {width:880px; margin:25px 0 0 50px; clear:both;} /*로그인*/ #login {clear:both; padding-bottom:24px;} #login h2 {background:url(/img/mtn/bl_ring_red.gif) no-repeat left 4px; padding-left:15px;} #loginBox {margin-top:6px; width:880px;} #loginBox .loginLeft {width:450px; float:left; padding:0 12px 0 13px;} #loginBox .loginLeft h3 {padding-top:10px;} #loginBox .loginLeft #loginInput {padding: 28px 0 28px 95px; clear:both;} #loginBox .loginLeft #loginInput .inputLeft {float:left; width:190px;} #loginBox .loginLeft #loginInput .inputLeft dd {padding:2px 0 2px 0;} #loginBox .loginLeft #loginInput .inputright {float:right; width:82px;} #loginBox .loginLeft #loginFind {margin-top:12px;} #loginBox .loginLeft #loginFind dt {float:left; width:148px; background:url(/img/mtn/bl_gray2.gif) no-repeat 4px 9px; padding:3px 0 0 10px;} #loginBox .loginLeft #loginFind dd {height:22px;} #loginBox .loginRight {width:380px; float:left; padding:7px 0;} #loginBox .loginRight #banner_login_380 {width:380px; padding:5px; border:solid 1px #e1e1e1; background:#FFF;} /*이반장의 해결사클럽 로그인 (EVENT)*/ #login_troubleshooter {clear:both; padding-bottom:100px;} #login_troubleshooter h2 {padding: 30px 0 10px 20px; background:url(/img/mtn/bl_ring_red.gif) no-repeat left 4px top 33px; } #loginBox_troubleshooter {margin-top:6px; margin-bottom: 30px; width:880px;} #loginBox_troubleshooter .loginLeft {width:450px; float:left; padding:0 12px 0 13px;} #loginBox_troubleshooter .loginLeft h3 {padding-top:10px;} #loginBox_troubleshooter .loginLeft #loginInput {padding: 12px 0 12px 95px; clear:both;} #loginBox_troubleshooter .loginLeft #loginInput .inputLeft {float:left; width:220px;} #loginBox_troubleshooter .loginLeft #loginInput .inputLeft dd {padding:2px 0 5px 0;} #loginBox_troubleshooter .loginLeft #loginInput .inputright {float:right; width:82px;} #loginBox_troubleshooter .loginLeft #loginFind {margin-top:12px;} #loginBox_troubleshooter .loginLeft #loginFind dt {float:left; width:148px; background:url(/img/mtn/bl_gray2.gif) no-repeat 4px 9px; padding:3px 0 0 10px;} #loginBox_troubleshooter .loginLeft #loginFind dd {height:22px;} #loginBox_troubleshooter .loginLeft .coustomer {height:22px; padding-top:10px} #loginBox_troubleshooter .loginRight {width:380px; float:left; padding:7px 0;} #loginBox_troubleshooter .loginRight #banner_login_380 {width:380px; padding:5px; border:solid 1px #e1e1e1; background:#FFF;} #mtnBanner {clear:both; margin-top:16px;} #familySite {clear:both; margin-top:8px; background:url(/img/mtn/box_familysite.gif) no-repeat left top; width:880px; height:38px;} #familySite dl {padding-top:1px;} #familySite dt {float:left; padding: 0 0 0 15px;} #familySite dd {float:left; padding-left:25px;} /* 페이징 스타일 */ #pagelist {width:100%; padding:10px 0 10px 0; margin: 0; clear:both;} #pagelist ul {margin: 0; padding: 5px 0; text-align: center;} * html #pagelist ul {padding-top: 3px; padding-bottom: 4px;} #pagelist ul li a {color:#454545;} #pagelist ul ul, #pagelist li {display:inline; clear: none; list-style: none;} #pagelist li li {padding-left:4px; font:11px tahoma, sans-serif; background: url(/img/mtn/page_l.gif) no-repeat 0 50%;} #pagelist li li a {color: #454545; padding-left: 7px; padding-right: 4px; text-decoration: none;} #pagelist li li a:hover {text-decoration: underline;} #pagelist li li span {color: #ff3333; font-weight: bold;} #pagelist #firstchild {padding: 0; background: transparent;} #pagelist .btn {float:right;} /*회원가입*/ #join {padding-bottom:14px;} #join h2 {background:url(/img/mtn/bl_ring_red.gif) no-repeat left 4px; padding:0 0 6px 15px;} #joinStep {background:url(/img/mtn/line_gray2.gif) repeat-x left top; padding-top:2px; height:70px;} #joinStep li {float:left; width:220px; height:61px;} #joinTitle {clear:both; width:862px; height:31px; padding-top:12px;} #joinTitle h3 {float:left; padding:0 8px;} #joinTitle h4 {padding-top:7px;} /*실명인증*/ #realName {width:862px;} #realName #memberSection {} #realName #memberSection dl {padding:10px 0 10px 300px; clear:both; height:16px;} #realName #memberSection dd {float:left;} #realName #memberSection dd.mb_l {padding-top:3px;} #realName #memberSection dd.ps2 {padding-left:34px; width:120px;} #realName #memberInfo {margin-top:3px;} #realName #memberInfo #mbInfoBox {width:798px; padding:30px;} #realName #memberInfo #mbInfoBox dl {clear:both; margin:0 0 30px 130px; height:27px;} #realName #memberInfo #mbInfoBox dd {float:left; background:url(/img/mtn/bl_round_gray.gif) no-repeat left 12px; padding-left:11px;} #realName #memberInfo #mbInfoBox dd.mb1 {width:176px; padding-top:3px;} #realName #memberInfo #infoText1 {background:url(/img/mtn/line_dot_gray3.gif) repeat-x left top; padding: 15px 0 15px 0;} #realName #memberInfo #infoText2 {background:url(/img/mtn/line_dot_gray3.gif) repeat-x left top; padding: 15px 0 0 0;} /*약관동의*/ #agreement {width:862px;} #agreement #agreementBox {padding:15px 30px;} #agreement #agreementBox h5 {background:url(/img/mtn/bl_round_gray.gif) no-repeat left 3px; padding-left:10px; height:20px;} #agreement #agreementBox #textBox {border:solid 1px #e5e5e5; width:758px; height:100px; padding:20px; overflow-x:hidden; overflow-y:auto;} #agreement #agreementBox #textBox p {color:#333; line-height:150%;} #agreement #agreementBox .amCheck {padding-top:8px; text-align:right;} #agreement #agreementBox .amCheck input {margin-top:-2px; *margin-top:-5px;} #agreement #agreementBox #amText1 {padding-top:10px;} #agreement #agreementBox #amText2 {padding:20px 0 16px 0;} #agreement #agreementBox #amBtn {background:url(/img/mtn/line_dot_gray3.gif) repeat-x left top; padding:8px 0 14px 0; text-align:center;} /*정보입력*/ #infoEntry {width:862px;} #infoEntry #infoBox {padding:15px 30px;} #infoEntry #infoBox #entryTable {margin-top:28px;} #infoEntry #infoBox #entryTable .ps {height:18px;} #infoEntry #infoBox #entryTable table {width:100%; border-top: solid 2px #ff3b3b; border-bottom: solid 1px #ff6060;} #infoEntry #infoBox #entryTable th {background-color:#f6f6f6; padding: 12px 0 9px 25px; width:140px; font:bold 12px 돋움, Dotum; border-bottom:solid 1px #e7e7e7;} #infoEntry #infoBox #entryTable th.off {background:#f6f6f6 url(/img/mtn/bl_round_gray.gif) no-repeat 12px 50%;} #infoEntry #infoBox #entryTable th.on {background:#f6f6f6 url(/img/mtn/bl_round_red.gif) no-repeat 12px 50%;} #infoEntry #infoBox #entryTable td {background-color:#FFF; border-bottom:solid 1px #e7e7e7; padding: 12px 0 9px 10px; text-align:left;} #infoEntry #infoBox #entryTable td img, #infoEntry #infoBox #entryTable td input {margin-top:-3px;} #infoEntry #infoBox #entryTable td dt {padding-top:2px; height:22px;} #infoEntry #infoBox #entryTable td dd {padding-top:4px; height:22px;} #infoEntry #infoBox #entryTable .bdnone {border:none;} #infoEntry #infoBox #infoBtn {padding:14px 0 14px 0; text-align:center;} /*가입완료*/ #joinEnd {width:862px;} #joinEnd #joinEndBox {padding:15px 30px;} #joinEnd #joinEndBox .infoText {background:url(/img/mtn/bl_red_block.gif) no-repeat left 50%; padding-left:15px;} #joinEnd #joinEndBox .infoText p {padding-top:3px;} #joinEnd #joinEndBox #resultTable {margin-top:15px; border-top: solid 2px #ff3b3b; border-bottom: solid 1px #ff6060; padding: 20px 0;} #joinEnd #joinEndBox #resultTable table {width:50%; border-top:solid 1px #e7e7e7;} #joinEnd #joinEndBox #resultTable th {padding:0; width:84px; height:33px; border-bottom:solid 1px #e7e7e7; border-left:solid 1px #e7e7e7;} #joinEnd #joinEndBox #resultTable td {background-color:#FFF; border-bottom:solid 1px #e7e7e7; padding: 4px 0 0 10px; text-align:left; border-right:solid 1px #e7e7e7; font:bold 12px 돋움, Dotum; color:#000;} #joinEnd #joinEndBox #resultTable .bdnone {border:none;} #joinEnd #joinEndBox #endBtn {padding:14px 0 14px 0; text-align:center;} #joinEnd #joinEndBox #serviceBanner {text-align:center; margin:20px 0;} /*회원정보*/ #mtnMember {padding-bottom:14px;} #mtnMember h2 {background:url(/img/mtn/bl_ring_red.gif) no-repeat left 4px; padding:0 0 6px 15px;} #memberTab {background:url(/img/mtn/line_gray2.gif) repeat-x left top; padding-top:9px; height:63px;} #memberTab li {float:left; width:220px; height:63px;} #memberTitle {clear:both; width:862px; height:31px; padding-top:12px;} #memberTitle h3 {float:left; padding:0 8px;} #memberTitle h4 {padding-top:7px;} /*회원정보 수정*/ #mbModify {width:862px;} #mbModify #infoBox {padding:15px 30px;} #mbModify #infoBox #entryTable {margin-top:20px;} #mbModify #infoBox #entryTable .ps {height:18px;} #mbModify #infoBox #entryTable table {width:100%; border-top: solid 2px #ff3b3b; border-bottom: solid 1px #ff6060;} #mbModify #infoBox #entryTable th {background-color:#f6f6f6; padding: 12px 0 9px 25px; width:140px; font:bold 12px 돋움, Dotum; border-bottom:solid 1px #e7e7e7;} #mbModify #infoBox #entryTable th.off {background:#f6f6f6 url(/img/mtn/bl_round_gray.gif) no-repeat 12px 50%;} #mbModify #infoBox #entryTable th.on {background:#f6f6f6 url(/img/mtn/bl_round_red.gif) no-repeat 12px 50%;} #mbModify #infoBox #entryTable td {background-color:#FFF; border-bottom:solid 1px #e7e7e7; padding: 12px 0 9px 10px; text-align:left;} #mbModify #infoBox #entryTable td img, #infoEntry #infoBox #entryTable td input {margin-top:-3px;} #mbModify #infoBox #entryTable td dt {padding-top:2px; height:22px;} #mbModify #infoBox #entryTable td dd {padding-top:4px; height:22px;} #mtnMember #infoBox #entryTable .bdnone {border:none;} #mbModify #infoBox #infoBtn {padding:14px 0 14px 0; text-align:center;} /*결제정보 관리*/ #mbAccount {width:862px;} #mbAccount #infoBox {padding:15px 30px;} #mbAccount #infoBox #infoTable {margin:30px 0 0 0;} #mbAccount #infoBox #infoTable h5 {background:url(/img/mtn/bl_round_gray.gif) no-repeat left 5px; padding-left:12px; height:25px;} #mbAccount #infoBox #infoTable .thead {background:url(/img/mtn/th_mb_accountbar.gif) no-repeat left top; width:800px; height:30px;} #mbAccount #infoBox #infoTable .thead ul li {font-size:0; text-indent: -9999px; height:0; float:left;} #mbAccount #infoBox #infoTable table {width:100%; border-bottom:solid 1px #f3bbaa; clear:both;} #mbAccount #infoBox #infoTable td {padding: 10px 0 10px 0; border-bottom:solid 1px #DDD; text-align:center;} #mbAccount #infoBox #infoTable td.date {font:11px tahoma;} #mbAccount #infoBox #infoTable td.cash {text-align:right; padding: 10px 6px 10px 0; font:bold 12px 돋움, Dotum; color:#333;} #mbAccount #infoBox #infoTable td.total {text-align:right; font:bold 12px 돋움, Dotum; color:#ff3333;} #mbAccount #infoBox #infoTable td.title {font:bold 12px 돋움, Dotum; color:#333;} #mbAccount #infoBox #infoTable td.tbg {padding: 13px 6px 11px 0; border-top:solid 2px #DDD; background-color:#f6f6f6;} #mbAccount #infoBox #infoBtn {padding:10px 0 14px 0; text-align:center; border-top:solid 1px #DDD;} #mbAccount #infoBox .repayInfo {margin-bottom:16px;} #mbAccount #infoBox #repayInput {margin:30px 0 0 0;} #mbAccount #infoBox #repayInput h5 {background:url(/img/mtn/bl_round_gray.gif) no-repeat left 5px; padding-left:12px; height:20px;} #mbAccount #infoBox #repayInput table {width:100%; border-top:solid 2px #cfcfcf;} #mbAccount #infoBox #repayInput th {padding: 10px 0 10px 15px; border-bottom:solid 1px #DDD; background-color:#f6f6f6; text-align:left; font:bold 12px 돋움, Dotum; width:15%;} #mbAccount #infoBox #repayInput td {padding: 10px 0 10px 10px; border-bottom:solid 1px #DDD; text-align:left;} #mbAccount #infoBox #repayInput .bdnone {border:none;} /*ID/PW 찾기*/ #mbIdpwFind {width:862px; margin:0 0 0 8px;} #mbIdpwFind #infoBox {padding:15px 30px;} #mbIdpwFind #infoBox h5 {height:26px; background:url(/img/mtn/line_gray2.gif) repeat-x left bottom;} #mbIdpwFind #infoBox h6 {background:url(/img/mtn/bl_round_gray.gif) no-repeat left 5px; padding-left:12px; height:20px;} #mbIdpwFind #infoBox #idFine {margin-top:15px;} #mbIdpwFind #infoBox #pwFine {margin-top:15px;} #mbIdpwFind #infoBox dl {clear:both; margin:3px 0 0 100px; height:auto;} #mbIdpwFind #infoBox dt {height:24px; padding-left:20px;} #mbIdpwFind #infoBox dd {float:left; height:30px; padding-left:20px;} #mbIdpwFind #infoBox dd.mb1 {padding-top:3px;} #mbIdpwFind #infoBox #idFine dl {height:30px;} #mbIdpwFind #infoBox #pwFine dl {height:53px;} #mbIdpwFind #gropFind {} #mbIdpwFind #gropFind .info1 {background:url(/img/mtn/line_dot_gray3.gif) repeat-x left bottom; padding:20px 10px 15px 10px;} #mbIdpwFind #gropFind .info2 {padding:15px 10px 15px 10px;} /*회원탈퇴*/ #mbLeave {width:862px;} #mbLeave #infoBox {padding:15px 30px;} #mbLeave #infoBox #infoTable {margin:30px 0 0 0;} #mbLeave #infoBox #infoTable h5 {background:url(/img/mtn/bl_round_gray.gif) no-repeat left 5px; padding-left:12px; height:25px;} #mbLeave #infoBox #infoBtn {padding:10px 0 34px 0; text-align:center;}