/** * for auth **/ body { font-size: 12px; color: #4d4d4d; } table caption { display: none; } input.input { border: 1px solid #aeaeae; } input.radio { width: 13px; height: 13px; margin: 0 !important; padding: 0 !important; vertical-align: middle !important; } #memberRegistHeader { height: 47px; background: url('/img/img_regist/header_bg.gif') repeat-x 0 0; overflow: hidden; } #memberRegistHeader h1 { padding: 0 0 0 28px !important; } h3.title { margin: 0 0 10px; } h3.title img { display: block; } h4.title { position: relative; width: 890px; margin: 25px 0 10px 10px; _padding: 0 0 1px; } h4.check-title { position: relative; width: 890px; margin: 40px 0 0 10px; _padding: 0 0 1px; } h4.title img { vertical-align: middle; } h4.title .btn-change { margin-left: 5px; } h4.title span { display: block; position: absolute; top: 3px; right: 7px; } h4.title a.more { position: absolute; top: 5px; right: 0; font-size: 11px; color: #333; text-decoration: underline; } h4.title a.policy { padding-left: 7px; background: url('/img/img_common/bul_orange.gif') no-repeat 0 4px; } h5.title { margin: 15px 0 0 10px; font-size: 12px; color: #333; } p.comment { } p.comment em { color: #bc6703; font-weight: bold; } p.memberNotice { margin: 30px 0; } /* regist wrapper */ .auth-regist-steps {width:100% !important; background: url('/img/img_regist/s_regist_steps_bg.gif') repeat-x 0 -75px !important; } /* myinfo wrapper */ .auth-myinfo-steps { background: url('/img/img_regist/s_myinfo_steps_bg.gif') repeat-x 0 0 !important; } /* regist main */ .auth-regist-main {width:100% !important; background: url('/img/img_regist/s_regist_bg.gif') repeat-x 0 -75px !important; } .auth-regist-main h3 { height: 204px; margin: 0 !important; padding: 0 !important; text-align: center; vertical-align: middle; } .auth-regist-main h3 img{ padding: 53px 0 0; } #registLvTab { height: 186px; padding: 0 112px; overflow: hidden; } #registLvTab span { float: left; position: relative; width: 338px; height: 186px; } #registLvTab em { display: block; position: absolute; top: 118px; left: 0; } #registLvTab span.u18 { background: url('/img/img_regist/tab_regist_01on.gif') no-repeat 0 0; } #registLvTab span.o18 { background: url('/img/img_regist/tab_regist_02on.gif') no-repeat 0 0; } #registLvTab span.u18 em{ left: 164px; } #registLvTab span.o18 em{ left: 169px; } #registMainNotice { padding: 28px 0 50px; text-align: center; } /* regist steps */ iframe.privacy-iframe { margin: 0 0 10px; border: 1px solid #e1e1e1; } iframe.agreement-iframe { margin: 0 0 10px; border: 1px solid #e1e1e1; } iframe.agreement-policy-iframe { margin-top: 10px; } /* regist steps tab */ #authRegistSteps { width: 100%; margin: 5px 0 35px; overflow: hidden; } #authRegistSteps p { float: left; margin: 0 0 0 -20px; background: url('/img/img_regist/tab_regist_step_arrow.gif') no-repeat 0 40px; } #authRegistSteps span { display: block; height: 100px; font-size: 0; line-height: 0; text-indent: -3000em; } /*.auth-regist-steps-b14 span { width: 160px; margin: 0 0 0 20px; padding: 0 12px 0 8px; background: url('/img/img_regist/tab_regist_step_b14.gif') no-repeat 0 0; } .auth-regist-steps-b14 span.step1 { background-position: -12px -100px; } .auth-regist-steps-b14 span.step2 { background-position: -192px -100px; } .auth-regist-steps-b14 span.step3 { background-position: -372px -100px; } .auth-regist-steps-b14 span.step4 { background-position: -552px -100px; } .auth-regist-steps-b14 span.step5 { background-position: -732px -100px; } .auth-regist-steps-b14 p.current { background: none !important; } .auth-regist-steps-b14 p.current span { position: relative; width: 180px; margin: 0; } .auth-regist-steps-b14 p.current span.step1 { background-position: 0 0; } .auth-regist-steps-b14 p.current span.step2 { background-position: -200px 0; } .auth-regist-steps-b14 p.current span.step3 { background-position: -420px 0; } .auth-regist-steps-b14 p.current span.step4 { background-position: -620px 0; } .auth-regist-steps-b14 p.current span.step5 { background-position: -820px 0; } .auth-regist-steps-o14 span { width: 205px; margin: 0 0 0 20px; padding: 0 12px 0 8px; background: url('/img/img_regist/tab_regist_step_o14.gif') no-repeat 0 0; } .auth-regist-steps-o14 span.step1 { background-position: -12px -100px; } .auth-regist-steps-o14 span.step2 { background-position: -237px -100px; } .auth-regist-steps-o14 span.step3 { background-position: -462px -100px; } .auth-regist-steps-o14 span.step4 { background-position: -687px -100px; } .auth-regist-steps-o14 p.current { background: none !important; } .auth-regist-steps-o14 p.current span { position: relative; width: 225px; margin: 0; } .auth-regist-steps-o14 p.current span.step1 { background-position: 0 0; } .auth-regist-steps-o14 p.current span.step2 { background-position: -265px 0; } .auth-regist-steps-o14 p.current span.step3 { background-position: -510px 0; } .auth-regist-steps-o14 p.current span.step4 { background-position: -755px 0; }*/ .auth-regist-steps-b18 span { width: 160px; margin: 0 0 0 20px; padding: 0 12px 0 8px; background: url('/img/img_regist/tab_regist_step_below18.gif') no-repeat 0 0; } .auth-regist-steps-b18 span.step1 { background-position: -12px -100px; } .auth-regist-steps-b18 span.step2 { background-position: -192px -100px; } .auth-regist-steps-b18 span.step3 { background-position: -372px -100px; } .auth-regist-steps-b18 span.step4 { background-position: -552px -100px; } .auth-regist-steps-b18 span.step5 { background-position: -732px -100px; } .auth-regist-steps-b18 p.current { background: none !important; } .auth-regist-steps-b18 p.current span { position: relative; width: 180px; margin: 0; } .auth-regist-steps-b18 p.current span.step1 { background-position: 0 0; } .auth-regist-steps-b18 p.current span.step2 { background-position: -200px 0; } .auth-regist-steps-b18 p.current span.step3 { background-position: -420px 0; } .auth-regist-steps-b18 p.current span.step4 { background-position: -620px 0; } .auth-regist-steps-b18 p.current span.step5 { background-position: -820px 0; } .auth-regist-steps-o18 span { width: 205px; margin: 0 0 0 20px; padding: 0 12px 0 8px; background: url('/img/img_regist/tab_regist_step_over18.gif') no-repeat 0 0; } .auth-regist-steps-o18 span.step1 { background-position: -12px -100px; } .auth-regist-steps-o18 span.step2 { background-position: -237px -100px; } .auth-regist-steps-o18 span.step3 { background-position: -462px -100px; } .auth-regist-steps-o18 span.step4 { background-position: -687px -100px; } .auth-regist-steps-o18 p.current { background: none !important; } .auth-regist-steps-o18 p.current span { position: relative; width: 225px; margin: 0; } .auth-regist-steps-o18 p.current span.step1 { background-position: 0 0; } .auth-regist-steps-o18 p.current span.step2 { background-position: -265px 0; } .auth-regist-steps-o18 p.current span.step3 { background-position: -510px 0; } .auth-regist-steps-o18 p.current span.step4 { background-position: -755px 0; } /* myinfo steps tab */ #authInfoSteps { width: 100%; margin: 5px 0 35px; overflow: hidden; } #authInfoSteps p { float: left; } #authInfoSteps span { display: block; width: 129px; height: 60px; font-size: 0; line-height: 0; text-indent: -3000em; background: url('/img/img_regist/tab_myinfo_step.gif') no-repeat 0 0; } #authInfoSteps span.modify { width: 130px; background-position: 0 -60px; } #authInfoSteps span.passwd { background-position: -130px -60px; } #authInfoSteps span.mycash { background-position: -259px -60px; } #authInfoSteps span.secede { background-position: -388px -60px; } #authInfoSteps span.parent { width: 130px; background-position: -517px -60px; } #authInfoSteps p.current span.modify { background-position: 0 0; } #authInfoSteps p.current span.passwd { background-position: -130px 0; } #authInfoSteps p.current span.mycash { background-position: -259px 0; } #authInfoSteps p.current span.secede { background-position: -388px 0; } #authInfoSteps p.current span.parent { background-position: -517px 0; } /* 실명 인증 fieldset#serialCheckForm { margin: 30px 0 0; background: url('/img/img_regist/bg_serial_check.gif') no-repeat 0 0; } fieldset#serialCheckForm img, fieldset#serialCheckForm input { vertical-align: middle; } fieldset#serialCheckForm p { height: 55px; padding-top: 29px; text-align: center; } fieldset#serialCheckForm p label { padding-left: 20px; } fieldset#serialCheckForm p input { width: 125px; }*/ /* 본인 인증 */ fieldset#serialCheckForm { margin: 30px 0 0; } fieldset#serialCheckForm .personally div {height: 177px; overflow: hidden; } fieldset#serialCheckForm .phone-confirm { width: 447px; border: 2px solid #e1e1e1; } fieldset#serialCheckForm .ipin-confirm { width: 448px; } fieldset#serialCheckForm .phone-confirm p { height: 53px; background: #f9f9f9; text-align: center; border: 2px solid #fff; } fieldset#serialCheckForm .ipin-confirm p { height: 53px; background: #f9f9f9; text-align: center; border-right: 1px solid #fff; } .phone-confirm p, .ipin-confirm p { padding-top: 22px; } fieldset#serialCheckForm dl { height: 69px; padding: 33px 0 0 49px; } fieldset#serialCheckForm dl dt { height: 25px; } /* 가입정보 확인 */ fieldset#joinCheckForm { margin: 9px 0 0; } fieldset#joinCheckForm .personally { border: 2px solid #e1e1e1; overflow: hidden; zoom: 1; } fieldset#joinCheckForm .personally div { float: left; height: 217px; overflow: hidden; } fieldset#joinCheckForm .phone-confirm { width: 447px; border-right: 1px solid #e1e1e1; } fieldset#joinCheckForm .phone-confirm ul { padding-left: 51px; } fieldset#joinCheckForm .phone-confirm ul li { display: block; height: 21px; padding-left: 11px; color: #4d4d4d; background: url(/img/img_common/bul_gray_square.gif) no-repeat left 7px; } fieldset#joinCheckForm .phone-confirm ul li.type { height: 25px; line-height: 20px; background-position: 0 10px; } fieldset#joinCheckForm .ipin-confirm { width: 448px; } fieldset#joinCheckForm .ipin-confirm p { height: 53px; background: #f9f9f9; text-align: center; border-right: 1px solid #fff; } .phone-confirm p, .ipin-confirm p { padding-top: 22px; } fieldset#joinCheckForm dl { height: 119px; padding: 23px 0 0 49px; } fieldset#joinCheckForm dl dt { height: 25px; } fieldset#joinCheckForm .phone-confirm dl { height: 53px; } fieldset#joinCheckForm .phone-confirm dl dt { height: 22px; } fieldset#joinCheckForm .phone-confirm input { vertical-align: top; } fieldset#joinCheckForm label { display: block; float: left; width: 68px; padding-top: 2px; } fieldset#joinCheckForm label.sex { width: 59px; padding: 5px 0 0 0; } fieldset#joinCheckForm label.sex input { margin: -3px 0 0; } fieldset#joinCheckForm select.year { width: 80px; } fieldset#joinCheckForm input.input { width: 95px; } div#serialCheckError { margin: 30px 0 -10px; padding: 0 20px; border: 3px solid #e28933; } div#serialCheckError a { text-decoration: underline; color: #07497c; } div#serialCheckError p { padding: 15px 0; } div#serialCheckError div { padding: 35px 0 30px; text-align: center; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; } ul.serialNotice { margin: 30px 0 0; padding: 10px 0 0; border-top: 1px solid #e7e7e7; } ul.serialNotice li { padding: 15px 0 0 8px; } ul.serialNotice li p, ul.serialNotice li ol { margin: 5px 0 0 18px; } ul.serialNotice li ol li { padding: 0; } #multiIDCheckForm { padding: 18px 20px 17px; border: 3px solid #e28933; } #multiIDCheckForm ul { margin: 12px 0 13px; padding: 25px 0; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; } /*#multiIDCheckForm ul li { width: 500px; margin: 0 auto; padding: 4px 0 4px 10px; background: url('/img/img_common/bul_gray_square.gif') no-repeat 1px 12px; overflow: hidden; } #multiIDCheckForm ul li strong { float: left; width: 85px; padding: 2px 0 0; } #multiIDCheckForm ul li span { float: left; padding: 1px 0 0; }*/ #multiIDCheckForm ul li { width: 600px; margin: 0 auto; padding: 4px 0 4px 10px; background: url('/img/img_common/bul_gray_square.gif') no-repeat 1px 12px; overflow: hidden; } #multiIDCheckForm ul li strong { width: 85px; padding: 2px 0 0; } #multiIDCheckForm ul li span { padding: 1px 5px 0 10px; } #multiIDCheckForm ul li em { padding: 0 0 0 5px; } #multiIDCheckForm ul li em img { margin: -2px 0 0; vertical-align: middle; } /* 보호자 동의 */ ul.parentTab { position: relative; width: 100%; margin: 15px 0 0; z-index: 100; overflow: hidden; } ul.parentTab li { float: left; margin: 0 2px 0 0; } ul.parentTab li img { display: block; } fieldset.parentMethod { margin: -1px 0 0; padding: 25px; border: 1px solid #c5c5c5; background: url('/img/img_regist/parent_method_wrap.gif') repeat-x 0 100%; } fieldset.parentMethod legend { display: block; position: absolute; top: -3000em; left: -3000em; height: 0; font-size: 0; line-height: 0; margin: 0; padding: 0; } fieldset.parentMethod table { margin: 15px 0 0; } fieldset.parentMethod div.buttons { margin: 15px 0 0; } #parentAgree { margin: 25px 0 0; padding: 20px 15px; border: 3px solid #e1e1e1; background: #f9f9f9; } /* 가입 정보 입력 */ table.joinInfoTable { width: 100%; border-top: 2px solid #e0e0e0; border-bottom: 2px solid #e0e0e0; } table.joinInfoTable th { width: 155px; padding: 8px 0 0 25px; text-align: left; vertical-align: top; background: #f6f6f6 url('/img/img_common/bul_gray_square.gif') no-repeat 16px 13px; } table.joinInfoTable td { min-height: 23px; height: auto; height: 23px !important; padding: 5px 20px 5px; } table.joinInfoTable td * td { height: auto !important; } table.joinInfoTable th.point { color: #f27138; } table.joinInfoTable th, table.joinInfoTable td { border-bottom: 1px solid #e0e0e0; } table.joinInfoTable td input, table.joinInfoTable td img, table.joinInfoTable td select { vertical-align: middle; } table.joinInfoTable td label { font-size: 11px; color: #797979; } /*table.joinInfoTable td input.field-userpw { float: left; margin-right: 18px; }*/ table.joinInfoTable td span { float: left; font-size: 11px; color: #848484; line-height: 13px; } table.joinInfoTable td span em { color: #ec6e19; } table.joinInfoTable td ul { margin: 5px 0 0; font-size: 11px; color: #797979; } table.joinInfoTable td p { padding: 3px 0 0; } table.joinInfoTable td input.field-name { width: 125px; } table.joinInfoTable td input.field-userid { width: 125px; } table.joinInfoTable td input.field-userpw { width: 125px; } table.joinInfoTable td input.field-serial { width: 125px; } table.joinInfoTable td input.field-mobile { width: 60px; } table.joinInfoTable td select.field-mobile { width: 70px; } table.joinInfoTable td input.field-auth-num { width: 125px; } table.joinInfoTable td select.field-question{ width: 300px; } table.joinInfoTable td label.sex { margin-right: 30px; font-size: 12px; } table.joinInfoTable td label.sex input { margin: -3px 0 0; } table.joinInfoTable td select.year { width: 80px; } table.joinInfoTable td select.field-area { width: 90px; } table.joinInfoTable td input.field-answer { width: 335px; } table.joinInfoTable td input.field-postcode { width: 65px; } table.joinInfoTable td input.field-address { width: 415px; } table.joinInfoTable td input.field-emailID { width: 125px; } table.joinInfoTable td input.field-emailADD { width: 165px; } table.joinInfoTable td select.field-email { width: 100px; } table.joinInfoTable td input.field-checkpw { width: 300px; } table.joinInfoTable td input.input-password { width: 300px; background: url(/img/img_regist/new/input_new_password.gif) no-repeat 5px 5px; } table.joinInfoTable td input.focus-password { width: 300px; background: none; } table.joinInfoTable td input.new-password { width: 300px; background: url(/img/img_regist/new/input_new_password_check.gif) no-repeat 5px 5px; } table.joinInfoTable td input.focus-new-password { width: 300px; background: none; } table.joinInfoTable td input.input-account-bank { width: 300px; background: url(/img/img_regist/new/input_account_number.gif) no-repeat 5px 5px; } table.joinInfoTable td input.focus-account-bank { width: 300px; background: none; } table.joinInfoTable td input.input-account-name { width: 300px; background: url(/img/img_regist/new/input_account_name.gif) no-repeat 5px 5px; } table.joinInfoTable td input.focus-account-name { width: 300px; background: none; } ul.txt-refund { margin: -20px 0 25px; } ul.txt-refund li { margin-bottom: 5px; } /* 필수 입력 항목 구분 */ table.joinInfoTable tr.require th { background-image: url('/img/img_common/bul_orange_square.gif') !important; } p.joinInfoNotice { margin: 15px 0 0; font-weight: bold; text-align: center; } /* 가입 완료 */ div.joinComplete { margin: 30px 0 0; padding: 55px 0 0; border-top: 2px solid #ea5e00; border-bottom: 2px solid #757575; } div.joinComplete h4 { text-align: center; } div.joinComplete h4 img { vertical-align: middle; } div.joinComplete p { margin: 48px 0 0; padding: 25px 0 23px; font-size: 14px; font-weight: bold; color: #777; text-align: center; border-top: 1px solid #ddd; } div.joinComplete p em { color: #ea5e00; } ul.joinGameList { width: 915px; margin: 25px -15px 30px 0; overflow: hidden; } ul.joinGameList li { float: left; margin: 0 15px 0 0; padding: 0 0 10px; } ul.joinGameList li img { display: block; } p.parent_auth_state { margin: 45px 0 30px; } p.joinCompleteNotice { padding: 0 0 15px; border-bottom: 1px solid #e6e6e6; text-align: center; } /* 게임 리스트 */ dl.gamesList dt { margin: 0 0 10px; } dl.gamesList img{ display: block; } dl.gamesList.online{margin-top: 80px;} dl.gamesList.mobile{margin-top: 20px;} div.gamesList { border: 1px solid #ddd; } div.gamesList p { margin: 20px 0; padding: 0 0 0 12px; text-align: center;} div.gamesList span { padding: 0 20px 0 26px; background: url('/img/img_error/games_bar.gif') no-repeat 0 0; } div.gamesList p span:first-child { background: none; } div.gamesList a { color: #999; font-weight: bold; text-decoration: none; } div.gamesList a:hover { color: #ea5e00; } div.buttons.buttons-join-home { margin: 20px 0 0; text-align: center; } /*** 회원정보 수정 ***/ dl.memberModifyBox { height: 132px; padding: 4px 25px; background: url('/img/img_regist/bg_member_box.gif') no-repeat 0 0; } dl.memberModifyBox dt { height: 50px; line-height: 50px; font-weight: bold; text-align: center; border-bottom: 1px solid #e4e4e4; } dl.memberModifyBox dd { padding: 25px 0 0; text-align: center; } dl.memberModifyBox dd img, dl.memberModifyBox dd input { vertical-align: middle; } dl.memberModifyBox dd label { padding-left: 15px; } dl.memberModifyBox dd input { width: 125px; } dl.memberModifyBox span em { color: #ea5e00; } p.secede-cancel-notice { padding: 25px 0 23px 15px; font-weight: bold; text-align: center; border: 3px solid #e1e1e1; background: #f9f9f9; } dl.member-secede-cancel { height: 164px; background-image: url('/img/img_regist/bg_secede_cancel_box.gif'); } dl.member-secede-cancel dd { padding: 25px 0 0 60px; text-align: left; } dl.member-secede-cancel dd p{ padding: 15px 0 0; font-weight: bold; } dl.member-secede-confirm { margin: 0 0 20px; } dl.member-secede-confirm dd { padding: 30px 0 0; } .tab-myinfo { position: relative; border-bottom: 1px solid #e1e1e1; overflow: hidden; zoom: 1; } .tab-myinfo ul li { float: left; } .tab-myinfo ul li a { display: block; width: 142px; height: 49px; font-size: 0; text-indent: -3333px; background: url(/img/img_regist/tab_myinfo.gif) no-repeat left top; } .tab-myinfo ul li a.tab01 { border-top: 1px solid #ededed; border-right: 1px solid #ededed; border-left: 1px solid #ededed; background-position: 0 0; } .tab-myinfo ul li a.tab02 { border-top: 1px solid #ededed; border-right: 1px solid #ededed; background-position: 0 -49px; } .tab-myinfo ul li.current a.tab01 { border-color: #e1e1e1; background-position: -142px 0; } .tab-myinfo ul li.current a.tab02 { position: relative; left: -1px; border-left: 1px solid #e1e1e1; border-color: #e1e1e1; background-position: -142px -49px; } .tab-myinfo p { position: absolute; right: 0; top: 15px; } /* 회원 탈퇴 */ #secedeForm { display: block; width: 890px; margin: 30px 0 0; border-top: 1px solid #e6e6e6; } ul.secedeReason { padding: 20px 15px; border-top: 2px solid #e0e0e0; border-bottom: 2px solid #e0e0e0; } ul.secedeReason li { height: 20px; line-height: 20px; } ul.secedeReason input.input { width: 770px; } ol.secedeNotice { padding: 20px 15px; border-top: 2px solid #e0e0e0; border-bottom: 2px solid #e0e0e0; } ol.secedeNotice em { color: #bc6703; } p.secedeNotice { padding: 35px 0 15px; text-align: center; border-bottom: 1px solid #e6e6e6; } div.buttons.buttons-secede { margin: 20px 0 0; text-align: center; } /* 회원 탈퇴 - 캐시 잔액 */ ol.secedeCashNotice { margin: 0 0 25px; padding: 20px 0 18px 15px; border: 3px solid #e1e1e1; background: #f9f9f9; } p.secedeCashCaption { margin: 25px 0 5px 10px; } table.secedeCash th { width: 220px; } p.secedeCashTotal { margin: 15px 0; padding: 15px 0 13px 25px; font-weight: bold; background: #f6f6f6 url('/img/img_common/bul_gray_square.gif') no-repeat 16px 20px; } p.secedeCashTotal strong { color: #bc6703; } p.secedeCashTotal em { color: #b91010; } p.secedeCashMessage { margin-left: 10px; } p.secedeCashAlert { margin-top: 40px; text-align: center; } div.buttons.buttons-secede-cash { margin: 20px 0 0; padding: 20px 0 0; text-align: center; border-top: 1px solid #e6e6e6; } /* 회원 탈퇴 - 캐시 환불 */ ul.secedeCashReturnType { margin-left: 10px; } ol.secedeCashReturn { margin-left: 10px; } /* 캐시 정보 */ table.cashStatus { width: 100%; margin: 0 0 30px; border-top: 2px solid #e0e0e0; border-bottom: 2px solid #e0e0e0; } table.cashStatus th, table.cashStatus td { padding: 5px 0; border-bottom: 1px solid #e0e0e0; } table.cashStatus th { /*width: 195px;*/ padding-left: 25px; color: #4d4d4d; text-align: left; background: #f6f6f6 url('/img/img_common/bul_gray_square.gif') no-repeat 17px 13px; } table.cashStatus td { } table.cashStatus td.cash { width: 100px; padding-right: 15px; text-align: right; } table.cashStatus td.cash strong { color: #bc6703; } table.cashStatus td img { margin: 0 0 -3px; } .cashListWrap { padding: 0 24px 10px; border: 1px solid #c5c5c5; border-top: 0; background: url('/img/img_cash/bg_cashlistwrap.gif') repeat-x left bottom; } .cashListWrap h4 { position: relative; width: 100%; padding: 20px 0 0; font-size: 12px; font-weight: normal; } .cashListWrap h4 fieldset { position: absolute; top: 15px; right: 0; } .cashListWrap h4 fieldset select { width: 90px; } .cashListWrap h4 fieldset label { display: block; float: left; padding: 5px 5px 0 0; font-weight: bold; } table.cashList { width: 100%; margin: 10px 0 0; border-top: 2px solid #e0e0e0; border-bottom: 2px solid #e0e0e0; } table.cashList thead th, table.cashList tbody td { padding: 9px 0 6px; text-align: center; border-bottom: 1px solid #e0e0e0; } table.cashList thead th { /*width: 212px;*/ background: #f6f6f6; } table.cashList thead tr > th:first-child{width:150px;} table.cashList thead tr > th.i-o{width:120px;} table.cashList td.i-o, table.cashList td.own { padding-right: 20px; text-align: right; } table.cashList td.i-o span.in { color: #fe0000; } table.cashList td.i-o span.out { color: #103ed4; } table.cashList td.no-result { height: 272px; background: url('/img/img_cash/bg_noresult.gif') repeat 0 0; } /*#cashListUse table.cashList thead th { width: 212px; }*/ #cashListCharge table.cashList thead th { width: 283px; } /* 회원 전환 */ .bg-change { margin: 0 0 7px; padding: 28px 0 21px 29px; border: 3px solid #e1e1e1; background: #f9f9f9; } .bg-change dl dt { margin-bottom: 11px; font-weight: bold; } .bg-change dl dd { margin-bottom: 7px; padding-left: 9px; color: #4d4d4d; background: url(/img/img_common/bul_gray_square.gif) no-repeat left 5px; } .bg-change dl dd strong { color: #ea5e00; } /* notice - blocked */ p.memberBlockedBox { height: 112px; padding: 25px 25px 0; line-height: 140%; background: url('/img/img_regist/bg_member_block.gif') no-repeat 0 0; } p.memberBlockedBox a { font-weight: bold; color: #333; text-decoration: underline; } p.memberBlockedNotice { padding: 35px 0 15px; border-bottom: 1px solid #e6e6e6; text-align: center; } div.buttons.buttons-blocked { margin: 20px 0 0; text-align: center; } /* notice - seceded */ p.memberSecededBox { height: 117px; margin: 25px 0 0; padding: 20px 25px 0; line-height: 140%; background: url('/img/img_regist/bg_member_block.gif') no-repeat 0 0; } p.memberSecededBox a { font-weight: bold; color: #333; text-decoration: underline; } div.buttons.buttons-seceded { margin: 20px 0 0; text-align: center; } /* policy */ #policyLinks { width: 900px; margin: 30px 0 0; background: url('/img/img_regist/bg_policy_links_btm.gif') no-repeat 0 100%; } #policyLinks ul { width: 860px; padding: 20px 20px 17px; background: url('/img/img_regist/bg_policy_links_top.gif') no-repeat 0 0; overflow: hidden; } #policyLinks ul li { float: left; } #policyLinks ul li span { color: #a86920; } #policyLinks ul li a { color: #4d4d4d; } #policyLinks ul li a:hover { text-decoration: underline; } #policyLinks ul.agreement li { width: 200px; } #policyLinks ul.privacy li { width: 260px; } #policyLinks ul.privacy li.no03, #policyLinks ul.privacy li.no06, #policyLinks ul.privacy li.no09, #policyLinks ul.privacy li.no12, #policyLinks ul.privacy li.no15 { width: 330px; } #policyFrame { position: relative; width: 860px; } #policyFrame h1, #policyFrame h2 { padding: 0 !important; font-size: 12px; background: none !important; } #policyFrame h1 { margin: 30px 0 5px; color: #a84a20; } #policyFrame h2 { margin: 20px 0 5px; } #policyFrame * li ol, #policyFrame * li ul { margin: 0 0 0 10px; } #policyFrame li, #policyFrame p { text-align: justify; } #policyFrame a { color: #07497c; text-decoration: underline; } #policyFrame table { width: 100%; margin: 15px 0 0; } #policyFrame table th, #policyFrame table td { height: 30px; border: 1px solid #cbcbcb; } #policyFrame table thead th { text-align: center; background: #efefef; } #policyFrame table tbody th { width: 25%; padding-left: 65px; text-align: left; background: #f8f8f8; } #policyFrame table tbody td { width: 35%; padding-left: 25px; } #policyFrame table tbody td.phone { padding-left: 0; text-align: center; } #policyFrame.privacy { margin: 30px 0 0; } #policyFrame.privacy #top { margin: 0; } p.previous { float: right; margin: 20px 0 0; text-align: right; } p.previous a { padding-left: 8px; font-size: 11px; font-weight: bold; color: #333 !important; text-decoration: underline; background: url('/img/img_regist/bul_policy.gif') no-repeat 0 2px; } #top { position: absolute; top: 0; right: -40px; margin: 30px 0 0; } /* 페이징 */ div.board-paging { position: relative; margin: 20px 0 0; padding: 0 0 10px; text-align: center; } div.board-paging em { font-weight: bold; color: #cb7209; } div.board-paging img { margin: 0 0 -1px; } div.board-paging a { padding: 0 5px; font-weight: bold; color: #333; } div.board-paging p.button { position: absolute; top: -10px; right: 10px; } div.board-paging p.button a { padding: 0; } div.board-paging p.button img { margin: 0; padding: 0; } /* auth new */ /* myinfo wrapper */ .header-auth h2 { float: left; width: 112px; } .header-auth h2.logo { padding-top: 17px !important; } .header-auth #breadcrumb { float: left; padding-top: 31px; color: #b8b8b8; } .header-auth #breadcrumb span.current { color: #000; } .content-auth input.check { width: 20px; height: 20px; padding: 0; margin: -3px -3px -3px 0; } .content-auth { width: 680px !important; margin: 0 auto 60px auto !important; padding-top: 82px !important; } .content-auth h3 { height: 115px !important; text-align: center; vertical-align: top; } .content-auth h3.password { text-align: center !important; } .content-auth h3.identification { margin-bottom: 40px; } .content-auth h3.transfer { height: 148px !important; margin-bottom: 45px; font: 46px tahoma; color: #333; } .content-auth h3.transfer p { margin-bottom: 10px; padding-right: 57px; vertical-align: top; text-align: center; } .content-auth h3.transfer strong { font: 43px '돋움'; font-weight: bolder; } .content-auth h3.secede-complete{ margin-top: -60px; } .content-auth .box-tit { width: 100%; height: 42px; margin-bottom: 55px; padding-top: 25px; font-size: 16px; font-weight: bold; line-height: 17px; color: #333; text-align: center; background: #f6f6f6; } .content-auth .box-tit label { display: block; height: 20px; vertical-align: top; } .content-auth h4 { width: 100%; height: 27px; font-size: 16px; font-weight: bold; line-height: 17px; color: #333; } .content-auth h4 label { display: block; height: 20px; vertical-align: top; } .content-auth .agreement-iframe, .content-auth .privacy-iframe { margin-bottom: 42px; border: 1px solid #e1e1e3; } .content-auth .btn { text-align: center; } .content-auth .btn span { display: block; padding: 30px 0; color: #f46d31; } #container .box-content { width: 100%; margin-bottom: 20px; padding: 25px 0 33px 0; font-size: 16px; font-weight: bold; line-height: 17px; color: #333; text-align: center; background: #f6f6f6; } #container .box-content.email { margin-bottom: 68px; padding-bottom: 25px; } #container .box-content.complete { margin-bottom: 30px; padding: 40px 0; } #container .box-content .email-box { position: relative; width: 578px; height: 49px; margin: 25px auto 0 auto; text-align: left; border: 1px solid #d6d6d6; background: #fff; } #container .box-content .email-box.checked { background: #eee; } #container .box-content .email-box a { position: absolute; right: 7px; top: 8px; } #container .box-content .email-box input { width: 400px; height: 14px; padding: 18px 0 15px 19px; font-size: 13px; font: 13px verdana; font-weight: bold; color: #333; background: none; } #container .box-content .email-box input.input-email { background: #fff url(/img/img_regist/new/txt_email_address.gif) no-repeat 19px 18px; } #container .box-content .email-box input.focus-email { background: #fff; } #container .box-content .code-box { clear:both; position: relative; width: 578px; height: 49px; margin: 9px auto 0 auto; text-align: left; border: 1px solid #d6d6d6; background: #fff; } #container .box-content .code-box a { position: absolute; right: 7px; top: 8px; } #container .box-content .code-box input { width: 400px; height: 14px; padding: 18px 0 15px 19px; font-size: 13px; font: 13px verdana; font-weight: bold; color: #333; background: none; } #container .box-content .code-box input.input-code { background: #fff url(/img/img_regist/new/txt_code.gif) no-repeat 19px 18px; } #container .box-content .code-box input.focus-code { background: #fff; } #container .box-content .txt-code { padding: 12px 0 0 70px; font-size: 12px; color: #f46d31; font-weight: normal; text-align: left; } #container .box-content p.txt-complete { padding-top: 19px; padding-left: 53px; line-height: 24px; text-align: left; } #container .box-content .btn-personally { width:566px; margin: 29px auto 0; padding-bottom: 28px; border-bottom: 1px solid #dddddd;} #container .box-content .btn-personally img { vertical-align: top;} #container .box-content p.txt-password { height: 65px; padding-left: 53px; line-height: 24px; text-align: left; } #container .box-content span.name { color: #f46d31; } #container .box-content .email-link{overflow: hidden; width:580px; margin:4px auto 0; font-weight: normal;} #container .box-content .email-link span{display: block; float:left; color:#696969; font-size: 12px; padding:9px 20px 0 20px; background:url(/img/img_regist/new/bul_arrow_right.gif) 100px 12px no-repeat; letter-spacing: -1px;} #container .box-content .email-link ul{float:right;} #container .box-content .email-link ul > li{float:left; width:109px; border-width:1px 1px 1px 0; border-color: #dfdfdf; border-style: solid; } #container .box-content .email-link ul > li:first-child{border-left:1px solid #dfdfdf;} #container .box-content .email-link ul > li > a{display: block; height: 30px; line-height: 30px; text-align: center; color:#686868; font-size: 11px; background-color: #fcfcfc;} #container .box-content .email-link{} #container .box-content .email-link{} #container .box-content .email-link{} .content-auth label.check-news { display: block; height: 20px; margin-bottom: 40px; font-size: 14px; vertical-align: top; } .content-auth label.check-news input { margin-right: 5px; } .content-auth label.check-news .ez-checkbox { margin-right: 5px; } #container .box-content .pw-box { width: 578px; height: 49px; margin: 25px auto 0 auto; text-align: left; border-left: 1px solid #d6d6d6; border-top: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; background: #fff; } #container .box-content .pw-box input { width: 500px; height: 14px; padding: 18px 0 15px 19px; font-size: 13px; font: 13px verdana; font-weight: bold; color: #333; } #container .box-content .pw-box input.input-password { background: #fff url(/img/img_regist/new/txt_password.gif) no-repeat 19px 18px; } #container .box-content .pw-box input.focus-password { background: #fff; } #container .box-content .pw-re-box { width: 578px; height: 49px; margin: 0 auto; text-align: left; border: 1px solid #d6d6d6; background: #fff; } #container .box-content .pw-re-box input { width: 500px; height: 14px; padding: 18px 0 15px 19px; font-size: 13px; font: 13px verdana; font-weight: bold; color: #333; } #container .box-content .pw-re-box input.input-re { background: #fff url(/img/img_regist/new/txt_re_password.gif) no-repeat 19px 18px; } #container .box-content .pw-re-box input.focus-re { background: #fff; } #container .box-content .game-list { padding:0 54px; margin-top: 34px} #container .box-content .game-list h4 { height: 23px; font-size: 14px; line-height: 14px; text-align: left; } #container .box-content .game-list ul { padding: 24px 0 16px 0;border: 1px solid #ddd; background: #fff; overflow: hidden; font-size: 0;} #container .box-content .game-list ul li { display:inline; background: url(/img/img_regist/new/line_list.gif) no-repeat left top; font-size: 12px; font-weight: bold; vertical-align: top; line-height: 12px; } #container .box-content .game-list ul li a { color: #999; } #container .box-content .game-list ul li a:hover { color: #f46d31; } #container .box-content .game-list ul.online-game { margin-bottom: 19px; } #container .box-content .game-list ul.online-game li { padding: 0 18px 0 18px;} #container .box-content .game-list ul.mobile-game { margin-bottom: 17px; } #container .box-content .game-list ul.mobile-game li { margin-top: 16px; padding: 0 26px 0 26px; } #container .box-content .game-list ul.mobile-game li.last { width: 120px; padding-left: 0; background: none; text-align: left; } #container .box-content .game-list ul li:first-child { padding-left: 0; background: none; } #container .box-content table { width: 574px; margin: 0 auto; border-collapse: collapse; border-left: 1px solid #d6d6d6; border-top: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; } #container .box-content table.ing { width: 764px; } #container .box-content table th, #container .box-content table td { height: 49px; padding-left: 19px; font-size: 14px; text-align: left; color: #555; border-bottom: 1px solid #d6d6d6; } #container .box-content table th.d, #container .box-content table td.d { text-align: center; padding-left: 0; border-left: 1px solid #d6d6d6; } #container .box-content table th { background: #eee; } #container .box-content table td { background: #fff; } #container .box-content table tbody th { border-right: 1px solid #d6d6d6; } #container .box-content table td input { width: 373px; height: 14px; padding: 18px 0 15px 0; font-size: 13px; font: 13px verdana; font-weight: bold; color: #333; background: none; } #container .box-content table td input.input-new-password { background: #fff url(/img/img_regist/new/txt_new_password.gif) no-repeat left 18px; } #container .box-content table td input.focus-new-password { background: #fff; } #container .box-content table td input.input-re-password { background: #fff url(/img/img_regist/new/txt_try_new_password.gif) no-repeat left 18px; } #container .box-content table td input.focus-re-password { background: #fff; } #container .box-content table td input.input-email { background: #fff url(/img/img_regist/new/txt_email_address.gif) no-repeat left 18px; } #container .box-content table td input.focus-email { background: #fff; } #container .box-content table td input.input-phone { background: #fff url(/img/img_regist/new/txt_phone.gif) no-repeat left 18px; } #container .box-content table td input.focus-phone { background: #fff; } #container .box-content table td.input input { float: left; width: 250px; } #container .box-content table td.input a { float: right; margin: 8px 7px 0 0; } #container .box-content table td.input input.input-code { background: #fff url(/img/img_regist/new/txt_code.gif) no-repeat left 18px; } #container .box-content table td.input input.focus-code { background: #fff; } #container .box-content table td label.radio { float: left; width: 130px; overflow: hidden; line-height: 20px; } #container .box-content table td.duration label.radio { width:88px; } #container .box-content table td label.radio input.radio { float: left; width: 20px; height: 20px; margin-right: 10px !important; } #container .box-content h4.tit { margin-bottom: 19px; padding-left: 53px; text-align: left; } #container .box-content h4.tit-id { margin-bottom: 16px; padding-left: 53px; text-align: left; } #container .box-content ul.checklist { width: 570px; margin: 0 auto; text-align: left; border-top: 1px solid #ede9e9; } #container .box-content ul.checklist li { height: 24px; padding: 15px 0 0 3px; font-size: 12px; font-weight: normal; vertical-align: top; color: #000; line-height: 12px; text-align: left; border-bottom: 1px solid #ede9e9; } #container .box-content ul.checklist li strong { display: inline-block; width: 170px; } #container .box-content .txt-identification { padding: 18px 0 0 53px; font-size: 12px; color: #f46d31; font-weight: normal; text-align: left; } .content-auth .txt-notice { margin-bottom: 45px; } .content-auth .privacy-agree { overflow: hidden; height: 100px;} .content-auth .privacy-agree ul {float: left;} .content-auth .privacy-agree ul li {margin-bottom: 5px;} .content-auth .privacy-agree label { padding-top: 5px; line-height: 12px; color: #333; } .content-auth .privacy-agree label input { margin: -5px 5px 0 0; } .content-auth .privacy-agree a { float: right; color: #333; text-decoration: underline; } .content-auth ul.notice-list { margin: 30px 0; padding-top: 20px; border-top: 1px solid #eaeaea; } .content-auth ul.notice-list li { height: 20px; color: #959595; } #container.content-auth .box-content {padding-bottom: 19px;} h3.new_identification {margin-top:77px; text-align: center;} /* myinfo steps tab new */ #memberInfoSteps { width: 100%; margin: 35px 0; overflow: hidden; background: url(/img/img_regist/bg_myinfo_steps.gif) repeat-x left top; } #memberInfoSteps div { width: 900px; margin: 0 auto; } #memberInfoSteps p { float: left; } #memberInfoSteps span { display: block; width: 129px; height: 60px; font-size: 0; line-height: 0; text-indent: -3000em; background: url(/img/img_regist/tab_myinfo_new.gif) no-repeat 0 0; } #memberInfoSteps span.modify { width: 130px; background-position: 0 -60px; } #memberInfoSteps span.passwd { background-position: -130px -60px; } #memberInfoSteps span.mycash { background-position: -259px -60px; } #memberInfoSteps span.secede { width: 130px; background-position: -388px -60px; } #memberInfoSteps p.current span.modify { background-position: 0 0; } #memberInfoSteps p.current span.passwd { background-position: -130px 0; } #memberInfoSteps p.current span.mycash { background-position: -259px 0; } #memberInfoSteps p.current span.secede { background-position: -388px 0; } #container.member-info { width: 900px; margin: 0 auto 60px auto; } #container.member-info h3 { margin-bottom: 20px; font-size: 16px; } #container.member-info h3.img-tit { margin-bottom: 57px; } #container.member-info h3.img-tit-trans { padding-top: 52px; margin-bottom: 57px; } #container.content-auth h3.img-tit { margin-bottom: 57px; } #container.member-info table.joinInfoTable { width: 100%; margin-bottom: 30px; border-top: 2px solid #e0e0e0; border-bottom: 2px solid #e0e0e0; } #container.member-info table.joinInfoTable th { width: 155px; padding: 8px 0 0 25px; text-align: left; vertical-align: top; background: #f6f6f6; } #container.member-info .btn { text-align: center; } #container.member-info .btn span { display: block; padding: 30px 0; color: #f46d31; } p.txt-info { margin: -10px 0 30px; color: #333; } p.txt-secede { margin: -10px 0 30px; line-height: 20px; color: #333; } .secede-content { margin-bottom: 46px; } .secede-content h4 { margin-bottom: 12px; font-size: 14px; color: #333; } .secede-content p { margin-bottom: 8px; line-height: 20px; color: #737373; } .secede-content p.list { line-height: 12px; } ul.secede-list { margin-bottom: 90px; padding: 19px 0 0 22px; border-top: 2px solid #e0e0e0; overflow: hidden; } ul.secede-list li { float: left; height: 14px; margin: 0 36px 26px 0; color: #4d4d4d; } ul.secede-list li label { float: left; margin-right: 14px; } ul.secede-list li label input { margin: -3px 5px -3px 0; } ul.secede-list li input.input { float: left; width: 406px; margin-top: -3px; } ul.secede-list li input.input-etc { background: url(/img/img_regist/new/input_etc.gif) no-repeat 5px 5px; } ul.secede-list li input.focus-etc { background: none; } #container.my-cash { margin-top: -60px; } /* Transfer */ .txt-transfer { margin-bottom: 43px; color: #333; line-height: 18px; text-align: center; } .txt-transfer span { color: #ec6a30; } #container .box-content.transfer { padding: 16px 0 37px 0; text-align: left; } #container .box-content.transfer dl { width: 612px; margin: 0 auto; } #container .box-content.transfer dl dt { padding-top: 21px; margin-bottom: 4px; font-size: 14px; color: #555; } #container .box-content.transfer dl.list dd { padding-left: 32px; font-size: 12px; line-height: 18px; font-weight: normal; color: #757575; } #container .box-content.transfer dl.txt dt { margin-bottom: 12px; line-height: 22px; } #container .box-content.transfer dl.txt dd { font-size: 12px; line-height: 18px; font-weight: normal; color: #757575; } p.txt-agree { height: 54px; padding-top: 40px; font-size: 16px; color: #333; font-weight: bold; } /** * CSS File for ezMark jQuery Plugin * **/ .ez-hide { opacity: 0; filter:alpha(opacity=0); } .ez-checkbox { margin-top: -2px; width: 20px; height: 20px; background: transparent url('/img/img_regist/new/checkbox.gif') no-repeat left top; display:inline-block; vertical-align: top; } .ez-radio { margin-top: -5px; width: 19px; height: 19px; background: transparent url('/img/img_regist/new/radiobox.gif') no-repeat left top; display:inline-block; } .ez-checkbox, .ez-radio { zoom: 1; *display:inline; _height:30px; } .ez-checked { background-position: 0 -20px; } .ez-selected { background-position: 0 -19px; }