/*** snb ***/ /******************************************************************************************/ /*** snb > h2 ***/ /*** locationbar ***/ /******************************************************************************************/ /*** login ***/ /*** login > .headline ***/ /*** login > .loginBox ***/ .loginbox {margin:0 auto;width:100%;height:144px;background:#303030;} /*** login > .loginBox > .header ***/ /*** login > .loginBox > .content ***/ .loginbox .content {float:left;width:195px;margin:31px 0 0 190px;} .loginbox .content div.id, .loginbox .content div.pw {float:left;margin-bottom:6px;} .loginbox .content span {float:left;width:70px;font-weight:bold;} .loginbox .content span.id {letter-spacing:0.6em} .loginbox .content input {float:left;width:120px;color:#bbb;font-weight:bold;background:#393939;border:1px solid #525252;} .loginbox .buttonBox {float:left;margin:32px 0 0 0;width:52px;height:51px;} .loginbox .buttonBox button{border:none;background:none;width:52px;height:51px;background:url(/r/images/member/btn_blue_login.gif) no-repeat 0 0;} .loginbox .buttonBox button span {display:block:margin-top:-60px;border:1px solid #ddd;} /*** login > .loginBox > .footer ***/ .loginbox .footer {float:left;margin:10px 0 0 191px;} .loginbox .footer span{float:left;margin-right:7px;} /* IE6 HACK */ .loginbox .content {_margin-left:95px;} .loginbox .footer {_margin-left:96px;} /*** buttonBox ***/ * input {color:#bbb;} * .buttonBox {float:right;width:114px;margin:10px 0 50px 0;text-align:right;} * .buttonBox button {float:left;width:50px;height:20px;margin-left:7px;border:none;overflow:hidden;} * .buttonBox .submit {width:50px;height:20px;background:url(/r/images/board/common/btn_ok.gif) no-repeat;} * .buttonBox .reset {width:50px;height:20px;background:url(/r/images/board/common/btn_reset.gif) no-repeat;} * .buttonBox button span {display:block;margin-top:-100px;} .tit_head {height:42px;margin:0 0 33px 0;} /*** joinStep1 ***/ #joinStep1 {color:#bbb;} /*** joinStep1 > .type_comment ***/ #joinStep1 .type_comment {width:auto;border:1px solid #575757;background-color:#303030;padding:20px 15px;} #joinStep1 .type_comment dl.l8 {margin-bottom:35px;} #joinStep1 .type_comment dt {font-weight:bold;font-size:110%;} #joinStep1 .type_comment dd {padding:0 0 0 2px;font-size:11px; color:#888888;} #joinStep1 .type_comment dd em {font-style:normal;color:#ffa279;} /*** joinStep1 > .select_level ***/ #joinStep1 ul.select_level {list-style:none;float:left;width:auto;height:64px;overflow:hidden;} #joinStep1 ul.select_level li.level {float:left;width:171px;height:64px;} #joinStep1 ul.select_level li.level span {display:none;} #joinStep1 ul.select_level li.level.l8 {margin:11px 5px 0 140px;background:url(/r/images/member/btn_fighter.gif) no-repeat;} #joinStep1 ul.select_level li.level.l9 {margin:11px 0 0 0;background:url(/r/images/member/btn_member.gif) no-repeat;} #joinStep1 ul.select_level li.level.l8:hover, #joinStep1 ul.select_level li.level.l9:hover {background-position:0 -64px;} /* IE6 HACK */ #joinStep1 ul.select_level li.level.l8 {_margin-left:70px;} #joinStep1 ul.select_level li.level.lu8 {background:url(/r/images/member/joinStep1_btn_ucm.gif) no-repeat;} /*** joinStep1 > .select_comment ***/ #joinStep1 .select_comment {clear:both;width:auto;margin-bottom:30px;text-align:center;} /*** joinStep2 ***/ /******************************************************************************************/ #joinStep2 {color:#888;} /*** joinStep2 > agreeBox ***/ #joinStep2 .join_agreeBox {} #joinStep2 .title, #joinStep2 .join_agreeBox .title {margin:0 0 7px 4px;height:14px;} #joinStep2 .join_agreeBox .agreement {font-size:11px !important;width:617px;height:130px;margin-top:7px;padding:5px;overflow-y:scroll;border:1px solid #575757;word-wrap:break-word;word-break:break-all;background:#303030;} #joinStep2 .join_agreeBox .check {display:block;margin:9px 0 27px 0;width:100%;text-align:right;} #joinStep2 .join_agreeBox .check input {border:none;margin-top:-2px} /*** joinStep2 > choice_auth_type ***/ #joinStep2 .choice_auth_type {display:none;} /*** joinStep2 > auth_type_regnum ***/ /*** joinStep2 > auth_type_regnum > inputForm ***/ #joinStep2 .inputForm {width:629px;margin:7px 0 0 1px ;border-collapse:collapse;} #joinStep2 .inputForm th, #joinStep2 .inputForm td {height:32px;background:#303030;} #joinStep2 .inputForm th {width:100px;text-align:center;font-weight:bold;} #joinStep2 .inputForm td {width:auto;} #joinStep2 .inputForm * input[type=text], #joinStep2 .inputForm * input[type=password] {height:18px;border:1px solid #525252;background:#393939;} #joinStep2 .inputForm input.user_name {width:125px;} #joinStep2 .inputForm input.regnum {width:100px;} #joinStep2 .inputForm span.regnum.split {padding:0 4px;} /*** joinStep3 ***/ /******************************************************************************************/ #joinStep3 {width:auto;color:#bbb;} #joinStep3 .inputForm caption {padding:0 0 8px 4px;} #joinStep3 .inputForm input{color:#bbb;background:#393939;border:1px solid #525252;} /*** joinStep3 > inputForm ***/ #joinStep3 .inputForm {width:666px;border-collapse:collapse;background:#303030;} #joinStep3 .inputForm caption {border:none;margin-bottom:7px;text-align:left;} #joinStep3 .inputForm th, #joinStep3 .inputForm td {padding:4px 10px;font-size:11px;} #joinStep3 .inputForm th {padding:10px 0 10px 15px;width:85px;font-weight:bold;text-align:left;} #joinStep3 .inputForm td {width:auto;} #joinStep3 .inputForm span.split {padding:0 5px;} /*** joinStep3 > inputForm > common ***/ #joinStep3 .inputForm label {padding:5px;} #joinStep3 .inputForm .user_id .check_user_id {margin-left:7px;width:54px;height:18px;background:url(/r/images/member/join/btn_double.jpg) no-repeat;} #joinStep3 .inputForm .user_id .check_user_id span {display:block;display:none;} #joinStep3 .inputForm .birth .bircal {border:none;} #joinStep3 .inputForm input.phone, #joinStep3 .inputForm input.mobile {width:70px;} #joinStep3 .inputForm input.zip {width:55px;} #joinStep3 .inputForm input.addr1 {width:288px;} #joinStep3 .inputForm input.addr2 {width:182px;} #joinStep3 .inputForm select.phone, #joinStep3 .inputForm select.mobile {width:50px;} #joinStep3 .inputForm input.phone, #joinStep3 .inputForm input.mobile {width:62px;} #joinStep3 .inputForm select.email {margin-left:10px;} #joinStep3 .inputForm select.job, #joinStep3 .inputForm select.extra_vars1 {width:150px;} #joinStep3 .inputForm button {width:106px;height:20px;margin:2px;text-align:left;background:none;border:none;} #joinStep3 .inputForm .zip.btn_find_zip {margin-left:10px;width:73px;height:18px;background:url(/r/images/member/join/btn_post.jpg) no-repeat;} #joinStep3 .inputForm .zip.btn_find_zip span {display:block;display:none;} /*** joinStep3 > inputForm > level8 ***/ #joinStep3 .inputForm textarea {width:500px;height:100px;} #joinStep3 .inputForm input.extra_vars2, #joinStep3 .inputForm input.extra_vars3, #joinStep3 .inputForm input.extra_vars4, #joinStep3 .inputForm input.extra_vars5, #joinStep3 .inputForm input.extra_vars6, #joinStep3 .inputForm input.extra_vars7, #joinStep3 .inputForm input.extra_vars8 {width:450px;} #joinStep3 .inputForm td.extra_vars1 .imgUP img#extra_vars1 {width:90px;height:120px;} #joinStep3 .inputForm span.attachImageButton {display:block;width:69px;height:21px;text-align:center;color:#ffffff;} #joinStep3 .inputForm #photo_image {display:none;height:100px;margin:5px 0;} /*** joinStep3 > buttonBox ***/ #joinComplete {width:auto;} #joinComplete .tit_head {height:42px;margin:0 0 51px 0;} #joinComplete .complete {} #joinComplete .msg_box {margin:21px auto 0;text-align:center;} /*** search_idpw ***/ /******************************************************************************************/ #search_idpw {color:#bbb;} #search_idpw .titimg {margin:0 0 8px 4px;} #search_idpw .content {float:left;width:100%;background:#303030;} #search_idpw #search_id .content {height:102px;} #search_idpw #search_pw .content {height:131px;} #search_idpw .content .inputForm {float:left;margin:30px 0 0 160px;width:300px;} #search_idpw .content div.user_name, #search_idpw .content div.user_id, #search_idpw .content div.regnum {float:left;margin-bottom:6px;} #search_idpw .content span.user_namet, #search_idpw .content span.user_idt, #search_idpw .content span.regnumt {width:90px;color:#bbb;font-weight:bold;} #search_idpw .content span.user_namet {letter-spacing:0.8em;} #search_idpw .content span.user_idt {letter-spacing:0.6em;} #search_idpw .content span {float:left;} #search_idpw .content input {float:left;font-weight:bold;background:#393939;border:1px solid #525252;} #search_idpw .content input.user_name, #search_idpw .content input.user_id {width:200px;} #search_idpw .content input.regnum {width:91px;} #search_idpw * .regnum.g_ko_Regnum.split {padding:0 5px;} /*** search_idpw > headline ***/ /*** search_idpw > comment ***/ /*** search_idpw > inputForm ***/ /*** search_idpw > auth_type_regnum > buttonBox ***/ #search_idpw .buttonBox {float:left;width:114px;margin:10px 0 50px 260px;text-align:center;} #search_idpw .buttonBox button {float:left;width:50px;height:20px;margin-left:7px;border:none;overflow:hidden;} #search_idpw .buttonBox .submit {width:50px;height:20px;background:url(/r/images/board/common/btn_ok.gif) no-repeat;} #search_idpw .buttonBox .reset {width:50px;height:20px;background:url(/r/images/board/common/btn_reset.gif) no-repeat;} #search_idpw .buttonBox button span {display:block;margin-left:-100px;} /*** joinStep3 ***/ /******************************************************************************************/ #modify {width:auto;color:#bbb;} #modify .inputForm caption {padding:0 0 8px 4px;} #modify .inputForm input{color:#bbb;background:#393939;border:1px solid #525252;} /*** joinStep3 > inputForm ***/ #modify .inputForm {width:666px;border-collapse:collapse;background:#303030;} #modify .inputForm caption {border:none;margin-bottom:7px;text-align:left;} #modify .inputForm th, #modify .inputForm td {padding:4px 10px;font-size:11px;} #modify .inputForm th {padding:10px 0 10px 15px;width:85px;font-weight:bold;text-align:left;} #modify .inputForm td {width:auto;} #modify .inputForm span.split {padding:0 5px;} /*** joinStep3 > inputForm > common ***/ #modify .inputForm label {padding:5px;} #modify .inputForm .user_id .check_user_id {margin-left:7px;width:54px;height:18px;background:url(/r/images/member/join/btn_double.jpg) no-repeat;} #modify .inputForm .user_id .check_user_id span {display:block;display:none;} #modify .inputForm .birth .bircal {border:none;} #modify .inputForm input.phone, #modify .inputForm input.mobile {width:70px;} #modify .inputForm input.zip {width:55px;} #modify .inputForm input.addr1 {width:288px;} #modify .inputForm input.addr2 {width:182px;} #modify .inputForm select.phone, #modify .inputForm select.mobile {width:50px;} #modify .inputForm input.phone, #modify .inputForm input.mobile {width:62px;} #modify .inputForm select.email {margin-left:10px;} #modify .inputForm select.job, #modify .inputForm select.extra_vars1 {width:150px;} #modify .inputForm button {width:106px;height:20px;margin:2px;text-align:left;background:none;border:none;} #modify .inputForm .zip.btn_find_zip {margin-left:10px;width:73px;height:18px;background:url(/r/images/member/join/btn_post.jpg) no-repeat;} #modify .inputForm .zip.btn_find_zip span {display:block;display:none;} /*** #modify > inputForm > level8 ***/ #modify .inputForm textarea {width:500px;height:100px;} #modify .inputForm input.extra_vars2, #modify .inputForm input.extra_vars3, #modify .inputForm input.extra_vars4, #modify .inputForm input.extra_vars5, #modify .inputForm input.extra_vars6, #modify .inputForm input.extra_vars7, #modify .inputForm input.extra_vars8 {width:450px;} #modify .inputForm td.extra_vars1 .imgUP img#extra_vars1 {width:90px;height:120px;} #modify .inputForm span.attachImageButton {display:block;width:69px;height:21px;text-align:center;color:#fff;} #modify .inputForm #photo_image {display:none;height:100px;margin:5px 0;} /*** leave page ***/ #leave {width:100%;color:#bbb;} #leave table {} #leave table caption {padding:0 0 0px 4px;} #leave .inputForm input, #leave .inputForm textarea {color:#bbb;background:#393939;border:1px solid #525252;} /*** leave > inputForm ***/ #leave .inputForm {width:100%;border-collapse:collapse;background:#303030;} #leave .inputForm caption {border:none;margin-bottom:7px;text-align:left;} #leave .inputForm th, #leave .inputForm td {padding:4px 10px;font-size:11px;} #leave .inputForm th {width:76px;font-weight:bold;} #leave .inputForm td {width:auto;} #leave .inputForm span.split {padding:0 5px;} #leave .inputForm .top {padding-top:15px;} #leave .inputForm .bottom {padding-bottom:15px;} #leave .leave_reason td label{display:block;margin:0;padding:0;} #leave textarea.leave_comment {width:480px;} #content .agreeBox {} #content .agreeBox .title {margin:0 0 4px 4px;height:20px;} #content .agreeBox .agreement {width:629x;height:294px;margin-bottom:46px;padding:5px;overflow-y:scroll;border:1px solid #575757;word-wrap:break-word;word-break:break-all;background:#303030; color:#888888; }