/* - Author : - Description : member */ /* common style */ .csin { position: relative; height: 193px; margin-top:15px; background: url(/images/Frontend/korean/member/bg_cs.gif) no-repeat 0 0; } .csin .btn-sp { position: absolute; left: 490px; top: 132px; } .csin .btn-sp * { width: 170px; } .mcsin {margin:15px 0 0 0; height: 193px; background: url(/images/Frontend/korean/member/bg_cs.gif) no-repeat 0 0; } .mcsin h2 {font-size:25px; color:#000; margin:20px 0 0 50px; background-color:#fff; position:relative; top:41px; left:0; width:550px;} .mcsin h2 span {font-size:15px; color:#6C6C6C; padding:0 0 0 10px;} .mcsin ul {width:550px; height:90px; background-color:#fff; margin:50px 10px 10px 10px; padding:10px 0 0 30px;} .mcsin ul li {font-weight:bold; font-size:15px; color:#000;} .mcsin ul li:first-child {margin:0 0 10px 0;} .mcsin ul li:first-child span:first-child {padding-right:20px;} .mcsin ul li span {color: #ff4e50; } /* ======================================================================== 회원가입(약관/정보입력/완료) ======================================================================== */ .colorRED { color:red !important; } #regist { width: 995px; margin-left: auto; margin-right: auto; padding-bottom: 80px; } #regist .hd { height: 314px; background: url(/images/Frontend/korean/member/regist_hd.gif) no-repeat 0 0; } .resellerWrap .hd { background: url(/images/Frontend/korean/member/reseller_regist_hd.gif) no-repeat 0 0 !important; } #regist h3 { font-size: 0; line-height: 0; } /* registStep1 */ #registStep1 h4 { margin-top: 50px; padding-bottom: 10px; font-size: 0; line-height: 0; } #registStep1 h4.first { margin-top: 38px; padding-bottom: 0; } #registStep1 .term { margin-top:30px;} #registStep1 .term .tit-area { position: relative;padding: 10px 5px;height:21px;} #registStep1 .term .tit-area .tit { float: left;font-size: 16px;font-weight: 600;} #registStep1 .term .tit-area .fl-r{ float: right!important;} #registStep1 .term .tit-area .fl-r label{ vertical-align: text-top;font-size: 14px;font-weight: 600;} #registStep1 .tdsc { margin: 10px 0 0 5px; font-weight: 600;color: #627ce7;} #registStep1 .tdsc2 { margin: 10px 0 0 5px;} #registStep1 .terms-bx { padding: 4px; border: 1px solid #cbcbcb; } #registStep1 .terms-bx textarea{ overflow-y: auto;border: none;height: 160px;} #registStep1 .terms-chk { display: block; margin-top: 7px; line-height: 28px; font-weight: bold; letter-spacing: -1px; color: #000; } #registStep1 .terms-tabc { display: none; } #registStep1 #infoTabc1 { display: block; } #registStep1 .terms-tab { zoom: 1; overflow: hidden; } #registStep1 .terms-tab a { float: left; position: relative; top: 6px; margin-right: -1px; padding: 0 15px; text-align: center; color: #000; line-height: 21px; letter-spacing: -0.5px; border: 1px solid #e5e5e9; border-bottom: 0; background-color: #f7f7f7; } #registStep1 .terms-tab a.now { top: 0; height: 27px; line-height: 27px; font-weight: bold; background-color: #fff; } #registStep1 .btn { margin-top: 45px; text-align: center; } #registStep1 .btn .btn-sp * { width: 215px; } #registStep1 .tbl { width: 100%;border-collapse: collapse;border-spacing: 0;table-layout: fixed;word-wrap: break-word;word-break: keep-all; } #registStep1 .tbl th, #registStep1 .tbl td { height: 37px;margin: 0;padding: 0;border: 1px solid #e0e0e0;} #registStep1 .tbl th { font-size: 14px;background: #fdfdfd none repeat scroll 0 0;line-height: 39px;text-align: center; } #registStep1 .tbl td { font-size: 11px;} #registStep1 .tbl td div{ color: #666;padding: 0 10px;text-align: left;} #registStep1 .bdr-none .p-none li {float:left;padding-right:5px;} #registStep1 .arrow_img {padding:4px 2px 0 0;} #registStep1 .agree_check {text-align:center; margin:50px 0 0 0;} #registStep1 .agree_check strong {font-weight:bold;} /* registStep2 */ #registStep2 h4 { margin-top: 50px; padding-bottom: 10px; font-size: 0; line-height: 0; } #registStep2 .bx { border: 3px solid #dfe4f8; } #registStep2 .name-bx { padding: 20px 10px 20px 20px; letter-spacing: -0.5px; } #registStep2 .tbl th, #registStep2 .tbl td { padding: 8px 0 7px; border: 1px solid #dddee0; } #registStep2 .tbl td { color: #4b7397; } #registStep2 .tbl th { color: #000; background-color: #f6f7f9; } #registStep2 .tbl .frm-input, #registStep2 .tbl textarea { border: 1px solid #e0e9f0; border-top: 1px solid #acadb2; } #registStep2 .tbl .frm-input { height: 18px; line-height: 18px; } #registStep2 .tbl th .txt-l { zoom: 1; position: relative; padding-left: 40px; } #registStep2 .tbl th .txt-l em { position: absolute; left: 29px; top: 0; font-weight: bold; color: #627de8; } #registStep2 .tbl td .txt-l { padding-left: 19px; } #registStep2 .tbl td img { vertical-align: middle; } #registStep2 .tbl td .btn-sp { vertical-align: middle; } #registStep2 .tbl td .btn-sp * { width: 105px; } /* cert-bx */ #registStep2 .cert-bx .tbl label { display: inline-block; width: 90px; } #registStep2 .cert-bx .tbl-dsc { margin-top: 9px; padding: 6px 43px; color: #fe1b0f; letter-spacing: -0.5px; background-color: #f6f7f9; } /* require-bx */ #registStep2 .require-bx td .label-lw { zoom: 1; overflow: hidden; width: 660px; margin-top: 8px; } #registStep2 .require-bx td .label-lw label { float: left; width: 130px; padding: 2px 0; } #registStep2 .require-bx .tbl-chk { display: block; margin-left: 45px; margin-top: 8px; } /* choice-bx */ #registStep2 .choice-ctrl { position: relative; } #registStep2 .choice-ctrl button { overflow: hidden; position: absolute; left: 225px; top: -3px; width: 88px; height: 29px; text-indent: -99999px; border: 0; background: url(/images/Frontend/korean/member/regist_choice_toggle.gif) no-repeat; } #registStep2 .choice-ctrl button.hide { background-position: 0 -29px; } #registStep2 .choice-bx td strong { color: #4a7395; } #registStep2 .choice-bx td label { margin-right: 10px; font-weight: bold; color: #4a7395; } #registStep2 .choice-bx .addr2 { margin-top: 5px; } .fbtn, #registStep2 .fbtn { margin-top: 45px; text-align: center; } #registStep2 .fbtn .btn-sp * { width: 215px; } #registStep2 .auth-btn { float:left;padding:10px 0px 5px 0px; margin-left: 15px;vertical-align:center;text-align:center; } #registStep2 .addPaper dl { margin:10px 0; } #registStep2 .addPaper dd { padding-left:16px ;margin-bottom:3px; } #registStep2 .addPaper dd.colorRED { padding:0; } #registStep2 .table-subtit { width:75px; display:inline-block;} #registStep2 .account {padding-left:10px;} /* registStep3 */ #registStep3 .bx { margin-top: 30px; padding: 25px 24px 24px; border: 3px solid #dfe4f8; background-color: #f6f7f9; } #registStep3 .bx .msg { font-size: 14px; font-weight: bold; line-height: 24px; text-align: center; } #registStep3 .bx .msg strong { color: #ff0000; } #registStep3 .frm-w { position: relative; height: 130px; margin-top: 28px; border: 1px solid #dfe4f8; background-color: #fff; } #registStep3 .frm, #registStep3 a.main-link { position: absolute; } #registStep3 .frm { left: 28px; top: 20px; width: 304px; } #registStep3 .frm li { position: relative; height: 34px; background: url(/images/Frontend/korean/member/regist_step3_frminput.gif) no-repeat 0 0; } #registStep3 .frm li label, #registStep3 .frm li .frm-input { position: absolute; left: 16px; top: 6px; width: 286px; height: 22px; line-height: 22px; font-size: 14px; } #registStep3 .frm li label { color: #a5abaf; letter-spacing: -0.5px; } #registStep3 .frm li .frm-input { font-weight: bold; border: 0; opacity: 0; filter: alpha(opacity=0); } #registStep3 .frm li.pw { margin-top: 3px; } #registStep3 .frm p { line-height: 27px; letter-spacing: -1px; margin-left: 5px; } #registStep3 .frm .btn { overflow: hidden; position: absolute; left: 309px; top: 0px; width: 109px; height: 71px; border: 0; text-indent: -9999px; background: url(/images/btn/h71_w109_login.gif) no-repeat 0 0; } #registStep3 a.main-link { overflow: hidden; left: 470px; top: 8px; width: 388px; height: 107px; text-indent: -9999px; background: url(/images/Frontend/korean/member/regist_step3_maingo.gif) no-repeat 0 0; } /* ======================================================================== 로그인 ======================================================================== */ #loginWrap { width: 995px; margin-left: auto; margin-right: auto; padding-bottom: 80px; } #loginWrap .hd { height: 325px; background: url(/images/Frontend/korean/member/login_hd.gif) no-repeat 0 0; } #loginWrap .hd-admin { height: 293px; background: url(/images/Frontend/korean/member/admin_login_hd.gif) no-repeat 0 0; } #loginWrap .login-board { zoom: 1; overflow: hidden; margin-top: 9px; } /* form */ #loginFrm { position: relative; float: left; width: 443px; height: 163px; padding: 91px 0 0 49px; border: 3px solid #dfe4f8; background-color: #f6f7f9; } #loginFrm h3.tit { position: absolute; top: 55px; height: 19px; cursor: pointer; } #loginFrm h3.tit span { padding-left: 23px; display: inline-block; font-size: 14px; font-weight: bold; line-height: 19px; background: url(/images/common/ico_wh19_rdo.gif) no-repeat 0 0; } #loginFrm h3.now span { color: #333; background-image: url(/images/common/ico_wh19_rdo_checked.gif); } #loginFrm .frm { display: none; position: relative; width: 304px; } #loginFrm .frm .btn { overflow: hidden; position: absolute; left: 309px; top: 0px; width: 109px; height: 71px; border: 0; text-indent: -9999px; background: url(/images/btn/h71_w109_login.gif) no-repeat 0 0; } #loginFrm .frm ul {list-style: none;} #loginFrm .frm li { position: relative; height: 34px; margin-top: 3px; background: url(/images/Frontend/korean/member/login_frminput.gif) no-repeat 0 0; } #loginFrm .frm li.first{ margin-top: 0; } #loginFrm .frm li label, #loginFrm .frm li .frm-input { position: absolute; left: 16px; top: 6px; width: 286px; height: 22px; line-height: 22px; font-size: 14px; } #loginFrm .frm li label { color: #a5abaf; letter-spacing: -0.5px; } #loginFrm .frm li .frm-input { font-weight: bold; border: 0; opacity: 0; filter: alpha(opacity=0); } #loginFrm .link-bset { zoom: 1; overflow: hidden; padding-top: 16px; } #loginFrm .link-bset .link, #loginFrm .link-bset .bset { float: left; } #loginFrm .link-bset .link a { float: left; padding: 0 10px; color: #000; letter-spacing: -1px; background: url(/images/common/bul_bar_h10_d7d7d7.gif) no-repeat right 50%; } #loginFrm .link-bset .link a.join { padding-left: 5px; font-weight: bold; } #loginFrm .link-bset .link a:hover { text-decoration: underline; } #loginFrm .link-bset .bset span { overflow: hidden; position: relative; float: left; height: 19px; line-height: 19px; padding-left: 37px; font-size: 14px; font-weight: bold; cursor: pointer; background: url(/images/common/ico_wh19_chk.gif) no-repeat 14px 0; } #loginFrm .link-bset .bset span.checked { background: url(/images/common/ico_wh19_chk_checked.gif) no-repeat 14px 0; } #loginFrm .link-bset .bset span input { position: absolute; left: -9999px; visibility: hidden; } #loginFrmAdmin { position: relative; width: 600px; height: 163px; padding: 40px 0 0 49px; border: 3px solid #dfe4f8; background-color: #f6f7f9; } #loginFrmAdmin .frm { display: none; position: relative; width: 100%; } #loginFrmAdmin .frm .btn { overflow: hidden; position: absolute; left: 360px; top: 0px; width: 109px; height: 71px; border: 0; text-indent: -9999px; background: url(/images/btn/h71_w109_login.gif) no-repeat 0 0; } #loginFrmAdmin .frm ul {list-style: none;} #loginFrmAdmin .frm li { position: relative; height: 34px; margin-top: 3px; background: url(/images/Frontend/korean/member/login_frminput.gif) no-repeat 0 0; } #loginFrmAdmin .frm li.first{ margin-top: 0; } #loginFrmAdmin .frm li label, #loginFrmAdmin .frm li .frm-input { position: absolute; left: 16px; top: 6px; width: 286px; height: 22px; line-height: 22px; font-size: 14px; } #loginFrmAdmin .frm li label { color: #a5abaf; letter-spacing: -0.5px; } #loginFrmAdmin .frm li .frm-input { font-weight: bold; border: 0; opacity: 0; filter: alpha(opacity=0); } #loginFrmAdmin .frm fieldset { border: 0;} #loginFrmAdmin .frm fieldset legend { position: absolute; overflow: hidden; visibility: hidden; fondt-size: 0; line-height: 0px;} /* 운영자 */ #loginFrm h3.master { left: 50px; } #loginFrm #frmMaster { display: block; } /* 부운영자 */ #loginFrm h3.sub { left: 140px; } #loginFrm #frmSub { display: none; } /* 백오피스 */ #loginFrmAdmin #frmAdmin { display: block; } /* board */ #loginWrap .board { position: relative; float: left; width: 418px; height: 229px; padding: 29px 37px 0 40px; border: 1px solid #dfe4f8; } #loginWrap .board { } #loginWrap .board .bhd { position: relative; height: 28px; border-bottom: 1px solid #b8cad6; } #loginWrap .board .bhd h2 { position: absolute; left: 7px; top: 5px; font-size: 0; line-height: 0px; } /* tab */ #loginWrap .board .tab { position: absolute; left: 96px; } #loginWrap .board .tab a { position: relative; top: 5px; float: left; width: 123px; height: 22px; line-height: 22px; font-size: 11px; text-align: center; letter-spacing: -1px; border: 1px solid #dce5ec; border-bottom: 1px solid #b8cad6; background-color: #f5f9fa; } #loginWrap .board .tab a.now { top: 0; height: 28px; line-height: 28px; font-weight: bold; color: #222; border: 1px solid #b8cad6; border-bottom: 0; background-color: #fff; } #loginWrap .bbs-cm { display: none; position: relative; padding-top: 13px; } #loginWrap .bbs-cm .more { overflow: hidden; position: absolute; right: 8px; top: -22px; width: 31px; height: 13px; text-indent: -99999px; background: url(/images/btn/h13_w31_more.gif) no-repeat 0 0; } #loginWrap .bbs-cm .lw { zoom: 1; overflow: hidden; } #loginWrap .bbs-cm .lw h4 { float: left; width: 86px; line-height: 21px; font-size: 14px; font-weight: bold; font-family: Tahoma; color: #333; } #loginWrap .bbs-cm .lw ul { float: left; width: 332px; } #loginWrap .bbs-cm .lw li { padding-left: 20px; border-bottom: 1px dotted #e0e7ed; } #loginWrap .bbs-cm .lw li.last { border-bottom: 1px solid #e0e7ed; } #loginWrap .bbs-cm .lw a { overflow: hidden; width: 100%; display: block; height: 23px; line-height: 23px; text-overflow: ellipsis; } #loginWrap .bbs-cm .lw a:hover { text-decoration: underline; } #loginWrap .bbs-cm .lw-today h4 { color: #FF4C3B; } #loginWrap .bbs-cm .lw-today h4 span { margin-left: 3px; font-size: 11px; font-weight: normal; } /* 공지사항 */ #loginWrap #ntcBbs { display: block; } #ntcBbs .lw li { background: url(/images/common/ico_h13_notice.gif) no-repeat 0 50%; } #ntcBbs .lw li.focus { background: url(/images/common/ico_h13_notice_on.gif) no-repeat 0 50%; } /* 업그레이드 */ #upgradeBbs .lw li { background: url(/images/common/ico_h13_upgrade.gif) no-repeat 0 50%; } #upgradeBbs .lw li.focus { background: url(/images/common/ico_h13_upgrade_on.gif) no-repeat 0 50%; } /* ======================================================================== 비밀번호 찾기 ======================================================================== */ #findPwd { width: 995px; margin-left: auto; margin-right: auto; padding-bottom: 80px; } #findPwd .fhd { height: 305px; background: url(/images/Frontend/korean/member/findpwd_fhd.gif) no-repeat 0 0; } /* 입력폼 */ #findpwdFrm .jin-ipin { zoom: 1; overflow: hidden; border: 3px solid #dfe4f8; background-color: #f6f7f9; } #findpwdFrm .jin-ipin h3 { font-size: 15px; font-weight: bold; letter-spacing: -0.5px; text-align: center; line-height: 48px; border-bottom: 1px solid #dfe4f8; } #findpwdFrm .jin, #findpwdFrm .ipin { float: left; min-height: 375px; _height: 375px; } /* jin*/ #findpwdFrm .jin { width: 492px; border-right: 5px solid #dfe4f8; } #findpwdFrm .jin .frm { margin-left: 31px; margin-top: 17px; } #findpwdFrm .jin .frm li { zoom: 1; overflow: hidden; margin-top: 3px; } #findpwdFrm .jin .frm li.first { margin-top: 0; } #findpwdFrm .jin .frm label, #findpwdFrm .jin .frm li span{ float: left; } #findpwdFrm .jin .frm label { width: 85px; height: 34px; line-height: 34px; font-size: 14px; font-weight: bold; letter-spacing: -1px; } #findpwdFrm .jin .frm li span { float: left; width: 292px; height: 22px; padding: 6px; background: url(/images/Frontend/korean/member/find_frminput.gif) no-repeat 0 0; } #findpwdFrm .jin .frm li .frm-input { float: left; width: 100%; height: 22px; line-height: 22px; font-weight: bold; font-size: 14px; border: 0; background: none; } #findpwdFrm .jin .btn { margin-left: 110px; margin-top: 20px; font-size: 0; line-height: 0; } #findpwdFrm .jin .btn .btn-sp { margin-right: 10px; } #findpwdFrm .jin .btn .btn-sp * { width: 108px; } #findpwdFrm .jin dl.doc { margin-top: 8px; line-height: 18px; } #findpwdFrm .jin dd { position: relative; padding-left: 10px; letter-spacing: -0.5px; } #findpwdFrm .jin dd .b { zoom: 1; position: absolute; left: 0; top: 0; } #findpwdFrm .jin dd dl { zoom: 1; overflow: hidden; } #findpwdFrm .jin dd dt, #findpwdFrm .jin dd dd { float: left; } #findpwdFrm .jin dd dt { color: #5f79e3; font-weight: bold; } #findpwdFrm .jin dd dd { padding-left: 3px; } #findpwdFrm .jin dd strong { color: #ff0000; } /* ipin */ #findpwdFrm .ipin { width: 492px; } #findpwdFrm .ipin .frm { margin-left: 61px; margin-top: 17px; } #findpwdFrm .ipin .frm li { zoom: 1; overflow: hidden; margin-top: 3px; } #findpwdFrm .ipin .frm li.first { margin-top: 0; } #findpwdFrm .ipin .frm label, #findpwdFrm .ipin .frm li span{ float: left; } #findpwdFrm .ipin .frm label { width: 57px; height: 34px; line-height: 34px; font-size: 14px; font-weight: bold; letter-spacing: -1px; } #findpwdFrm .ipin .frm li span { float: left; width: 292px; height: 22px; padding: 6px; background: url(/images/Frontend/korean/member/find_frminput.gif) no-repeat 0 0; } #findpwdFrm .ipin .frm li .frm-input { float: left; width: 100%; height: 22px; line-height: 22px; font-weight: bold; font-size: 14px; border: 0; background: none; } #findpwdFrm .ipin .frm dl { margin-left: 53px; margin-top: 15px; } #findpwdFrm .ipin .frm dd { position: relative; padding-left: 10px; letter-spacing: -0.5px; } #findpwdFrm .ipin .frm dd .b { zoom: 1; position: absolute; left: 0; top: 0; } #findpwdFrm .ipin .btn { margin-left: 110px; margin-top: 20px; font-size: 0; line-height: 0; } #findpwdFrm .ipin .btn .btn-sp { margin-right: 10px; } #findpwdFrm .ipin .btn .btn-sp * { width: 108px; } #findpwdFrm .pw_step {border: 3px solid #dfe4f8; margin:30px 0 0 0; padding:20px 0 20px 20px;} #findpwdFrm .pw_step h2 {font-size:12px; font-weight:bold; margin:0 0 20px 0;} #findpwdFrm .pw_step h3 {margin:20px 0 0 0; font-weight:bold; font-size:12px;} #findpwdFrm .pw_step dd {line-height:20px;} #findpwdFrm .pw_step p {margin:0 0 0 15px; line-height:20px;} #findpwdFrm .pw_step .blue {color:#4F81BD; font-weight:bold;} #findpwdFrm .pw_step .mgl {margin:0 0 0 11px;} /* 성공*/ #findPwdSuccess { min-height: 300px; _height: 300px; padding: 75px 67px 0 457px; border: 3px solid #dfe4f8; background: url(/images/Frontend/korean/member/find_succ_bg.gif) no-repeat 0 0; } #findPwdSuccess h3 { font-size: 0; line-height: 0; } #findPwdSuccess .bx { zoom: 1; position: relative; padding: 21px 15px 21px 33px; margin-top: 32px; color: #010101; background-color: #eeeff4; } #findPwdSuccess .bx dl { font-size: 0; line-height: 0; } #findPwdSuccess .bx dt, #findPwdSuccess .bx dd { display: inline; line-height: 20px; font-size: 14px; font-weight: bold; } #findPwdSuccess .bx dt { margin-right: 5px; } #findPwdSuccess .bx p { margin-top: 8px; line-height:16px; letter-spacing: -0.5px; } #findPwdSuccess .bx .rd { position: absolute; width: 9px; height: 9px; font-size: 0; line-height: 0; } #findPwdSuccess .bx .rd-lt { left: 0px; top: 0px; background: url(/images/Frontend/korean/member/find_radius_lt.gif) no-repeat 0 0; } #findPwdSuccess .bx .rd-rt { right: 0px; top: 0px; background: url(/images/Frontend/korean/member/find_radius_rt.gif) no-repeat 0 0; } #findPwdSuccess .bx .rd-lb { left: 0px; bottom: 0px; background: url(/images/Frontend/korean/member/find_radius_lb.gif) no-repeat 0 0; } #findPwdSuccess .bx .rd-rb { right: 0px; bottom: 0px; background: url(/images/Frontend/korean/member/find_radius_rb.gif) no-repeat 0 0; } #findPwdSuccess .btn { margin-left: 163px; margin-top: 20px; font-size: 0; line-height: 0; } #findPwdSuccess .btn .btn-sp * { width: 125px; } /* 실패 */ #findPwdFailed { min-height: 263px; _height: 263px; padding: 110px 67px 0 457px; border: 3px solid #dfe4f8; background: url(/images/Frontend/korean/member/find_fail_bg.gif) no-repeat 0 0; } #findPwdFailed h3 { font-size: 0; line-height: 0; } #findPwdFailed .btn { margin-top: 17px; font-size: 0; line-height: 0; } #findPwdFailed .btn .btn-sp * { width: 125px; } /* ======================================================================== 아이디 찾기 ======================================================================== */ #findId{ width: 995px; margin-left: auto; margin-right: auto; padding-bottom: 80px; } #findId .fhd { height: 305px; background: url(/images/Frontend/korean/member/findid_fhd.gif) no-repeat 0 0; } /* 입력폼 */ #findId .jin-ipin { zoom: 1; overflow: hidden; border: 3px solid #dfe4f8; background-color: #f6f7f9; } #findId .jin-ipin h3 { font-size: 15px; font-weight: bold; letter-spacing: -0.5px; text-align: center; line-height: 48px; border-bottom: 1px solid #dfe4f8; } #findId .jin, #findId .ipin { float: left; min-height: 375px; _height: 375px; } /* jin*/ #findId .jin { width: 492px; border-right: 5px solid #dfe4f8; } #findId .jin .frm { margin-left: 31px; margin-top: 17px; } #findId .jin .frm li { zoom: 1; overflow: hidden; margin-top: 3px; } #findId .jin .frm li.first { margin-top: 0; } #findId .jin .frm label, #findId .jin .frm li span{ float: left; } #findId .jin .frm label { width: 85px; height: 34px; line-height: 34px; font-size: 14px; font-weight: bold; letter-spacing: -1px; } #findId .jin .frm li span { float: left; width: 292px; height: 22px; padding: 6px; background: url(/images/Frontend/korean/member/find_frminput.gif) no-repeat 0 0; } #findId .jin .frm li .frm-input { float: left; width: 100%; height: 22px; line-height: 22px; font-weight: bold; font-size: 14px; border: 0; background: none; } #findId .jin .btn { margin-left: 110px; margin-top: 25px; font-size: 0; line-height: 0; } #findId .jin .btn .btn-sp { margin-right: 10px; } #findId .jin .btn .btn-sp * { width: 108px; } #findId .jin dl.doc { margin-top: 25px; line-height: 18px; } #findId .jin dd { position: relative; padding-left: 10px; letter-spacing: -0.5px; } #findId .jin dd .b { zoom: 1; position: absolute; left: 0; top: 0; } #findId .jin dd dl { zoom: 1; overflow: hidden; } #findId .jin dd dt, #findId .jin dd dd { float: left; } #findId .jin dd dt { color: #5f79e3; font-weight: bold; } #findId .jin dd dd { padding-left: 3px; } #findId .jin dd strong { color: #ff0000; } /* ipin */ #findId .ipin { width: 492px; } #findId .ipin p { margin-top: 60px; text-align: center; } #findId .ipin .btn { margin-top: 15px; font-size: 0; line-height: 0; text-align: center; } #findId .ipin .btn .btn-sp * { width: 108px; } /* 성공*/ #findIdSuccess { min-height: 300px; _height: 300px; padding: 75px 67px 0 457px; border: 3px solid #dfe4f8; background: url(/images/Frontend/korean/member/find_succ_bg.gif) no-repeat 0 0; } #findIdSuccess h3 { font-size: 0; line-height: 0; } #findIdSuccess .bx { zoom: 1; position: relative; padding: 21px 15px 21px 33px; margin-top: 32px; color: #010101; background-color: #eeeff4; } #findIdSuccess .bx dl { font-size: 0; line-height: 0; } #findIdSuccess .bx dt, #findIdSuccess .bx dd { display: inline; line-height: 20px; font-size: 14px; font-weight: bold; } #findIdSuccess .bx dt { margin-right: 5px; } #findIdSuccess .bx p { margin-top: 8px; line-height:16px; letter-spacing: -0.5px; } #findIdSuccess .bx .rd { position: absolute; width: 9px; height: 9px; font-size: 0; line-height: 0; } #findIdSuccess .bx .rd-lt { left: 0px; top: 0px; background: url(/images/Frontend/korean/member/find_radius_lt.gif) no-repeat 0 0; } #findIdSuccess .bx .rd-rt { right: 0px; top: 0px; background: url(/images/Frontend/korean/member/find_radius_rt.gif) no-repeat 0 0; } #findIdSuccess .bx .rd-lb { left: 0px; bottom: 0px; background: url(/images/Frontend/korean/member/find_radius_lb.gif) no-repeat 0 0; } #findIdSuccess .bx .rd-rb { right: 0px; bottom: 0px; background: url(/images/Frontend/korean/member/find_radius_rb.gif) no-repeat 0 0; } #findIdSuccess .btn { margin-left: 68px; margin-top: 20px; font-size: 0; line-height: 0; } #findIdSuccess .btn .btn-sp { margin-right: 8px; } #findIdSuccess .btn .btn-sp * { width: 125px; } /* 실패 */ #findIdFailed { min-height: 263px; _height: 263px; padding: 110px 67px 0 457px; border: 3px solid #dfe4f8; background: url(/images/Frontend/korean/member/find_fail_bg.gif) no-repeat 0 0; } #findIdFailed h3 { font-size: 0; line-height: 0; } #findIdFailed .btn { margin-top: 17px; font-size: 0; line-height: 0; } #findIdFailed .btn .btn-sp * { width: 125px; } /* ======================================================================== 개인정보취급방침 ======================================================================== */ #policyInfo { width: 995px; margin-left: auto; margin-right: auto; padding-bottom: 80px; } #policyInfo h2 { min-height: 74px; _height: 74px; padding-top: 21px; padding-left: 19px; font-size: 0; line-height: 0; border-bottom: 3px solid #627ce7; } #policyInfo .htx { margin-top: 40px; padding: 32px 34px 25px; font-size: 14px; font-weight: bold; line-height: 21px; letter-spacing: -1px; border: 3px solid #dfe4f8; background-color: #f6f7f9; } #policyInfo .htx dt { color: #627be6; } #policyInfo .htx dd { margin-top: 10px; color: #4f4d4d; } #policyInfo .ahd { zoom: 1; overflow: hidden; margin-top: 40px; padding-left: 5px; font-size: 14px; line-height: 33px; font-weight: bold; letter-spacing: -1px; color: #000; } #policyInfo .ahd p { float: left; } #policyInfo .ahd dl { float: right; } #policyInfo .ahd dt, #policyInfo .ahd dd { display: inline; } #policyInfo .als { zoom: 1; overflow: hidden; padding: 15px 0 17px 21px; border-top: 1px solid #3360ce; border-bottom: 1px solid #3360ce; } #policyInfo .als ol { float: left; } #policyInfo .als ol.lc { width: 444px; } #policyInfo .als ol.rc { width: 526px; } #policyInfo .als a { display: block; height: 31px; line-height: 31px; font-weight: bold; letter-spacing: -1px; color: #627ce7; } #policyInfo .als a:hover { text-decoration: underline; } #policyInfo .als a span { margin-right: 5px; color: #000; } #policyInfo .tx-w { margin-left: 20px; color: #333; } #policyInfo .tx-w h3, #policyInfo .tx-w h4, #policyInfo .tx-w h5, #policyInfo .tx-w h6, #policyInfo .tx-w dt { font-size: 12px; font-weight: bold; letter-spacing: -1px; } #policyInfo .tx-w h3 { margin-top: 40px; } #policyInfo .tx-w h4 { margin-top: 10px; } #policyInfo .tx-w h5, #policyInfo .tx-w h6 { margin-top: 5px; } #policyInfo .tx-w dl, #policyInfo .tx-w ol, #policyInfo .tx-w ul { margin-top: 10px; } #policyInfo .tx-w dd { margin-top: 5px; } #policyInfo .tx-w .tbl { margin-top: 10px; } #policyInfo .tx-w .tbl th, #policyInfo .tx-w .tbl td { padding: 6px 0; text-align: center; border: 1px solid #d7d7d7; } #policyInfo .tx-w .tbl th { background-color: #efefef; } /* ======================================================================== 아이디 찾기 ======================================================================== */ #policyUse { width: 995px; margin-left: auto; margin-right: auto; padding-bottom: 80px; } #policyUse h2 { min-height: 74px; _height: 74px; padding-top: 21px; padding-left: 19px; font-size: 0; line-height: 0; border-bottom: 3px solid #627ce7; } #policyUse .htx { margin-top: 40px; padding: 32px 34px 25px; font-size: 14px; font-weight: bold; line-height: 21px; letter-spacing: -1px; color: #4f4d4d; border: 3px solid #dfe4f8; background-color: #f6f7f9; } #policyUse .htx strong { color: #627be6; } #policyUse .ahd { zoom: 1; overflow: hidden; margin-top: 40px; padding-left: 5px; font-size: 14px; line-height: 33px; font-weight: bold; letter-spacing: -1px; color: #000; } #policyUse .ahd p { float: left; } #policyUse .ahd dl { float: right; } #policyUse .ahd dt, #policyUse .ahd dd { display: inline; } #policyUse .als { zoom: 1; overflow: hidden; padding: 15px 0 17px 21px; border-top: 1px solid #3360ce; border-bottom: 1px solid #3360ce; } #policyUse .als ol { float: left; width: 33%; } #policyUse .als ol.lc { width: 444px; } #policyUse .als ol.rc { width: 526px; } #policyUse .als li span, #policyUse .als a { height: 31px; line-height: 31px; } #policyUse .als li span { float: left; width: 62px; } #policyUse .als a { font-weight: bold; letter-spacing: -1px; color: #627ce7; } #policyUse .als a:hover { text-decoration: underline; } #policyUse .als a span { margin-right: 5px; color: #000; } #policyUse .tx-w { margin-left: 20px; color: #333; } #policyUse .tx-w h3, #policyUse .tx-w h4, #policyUse .tx-w h5, #policyUse .tx-w h6, #policyUse .tx-w dt { font-size: 12px; font-weight: bold; letter-spacing: -1px; } #policyUse .tx-w h3 { margin-top: 40px; } #policyUse .tx-w h4 { margin-top: 10px; } #policyUse .tx-w h5, #policyUse .tx-w h6 { margin-top: 5px; } #policyUse .tx-w dl, #policyUse .tx-w ol, #policyUse .tx-w ul { margin-top: 10px; } #policyUse .tx-w dd { margin-top: 5px; } #policyUse .tx-w li ol { margin-top: 5px; margin-left: 10px; padding-bottom: 5px; } /* ======================================================================== 비밀번호 변경 ======================================================================== */ #modPwd { width: 995px; margin-left: auto; margin-right: auto; padding: 10px 0 80px; } #modPwd .hd { height: 300px; background: url(/images/Frontend/korean/member/mod_passwd.gif) no-repeat 0 0; } #modPwd .mod { zoom: 1; overflow: hidden; height: 243px; padding-left: 35px; background: url(/images/Frontend/korean/member/bg_mod_passwd.gif) no-repeat 0 0; } #modPwd .mod .frm, #modPwd .mod .dsc { float: left; } #modPwd .mod .frm { width: 418px; margin-right: 100px; padding-top: 37px; } #modPwd .mod .frm dl { zoom: 1; overflow: hidden; } #modPwd .mod .frm dt, #modPwd .mod .frm dd { float: left; } #modPwd .mod .frm dt { width: 114px; font-size: 14px; font-weight: bold; letter-spacing: -1px; line-height: 34px; } #modPwd .mod .frm dd { width: 304px; } #modPwd .mod .frm dd span { display: block; width: 292px; height: 22px; padding: 6px; background: url(/images/Frontend/korean/member/find_frminput.gif) no-repeat 0 0; } #modPwd .mod .frm dd .frm-input { width: 100%; height: 100%; line-height: 22px; font-size: 14px; font-weight: bold; border: 0; background: none; } #modPwd .mod .dsc { width: 440px; } #modPwd .mod .dsc li { margin-top: 28px; padding-left: 8px; background: url(/images/common/bul_h2_sqr_666.gif) no-repeat 0 6px; background-size: 3px 3px; letter-spacing: -1px; } #modPwd .btns { margin-top: 45px; text-align: center; } #modPwd .btns .btn-sp { margin: 0 4px; } #modPwd .btns .btn-sp * { width: 180px; }