﻿/* CSS Document */
@import url(common.css);
@import url(common_sub.css);

/*레이아웃*/
#dr2{height:600px; padding-top:160px; background:url(/images/sub_com/bg_bm3.jpg) no-repeat;}

/**/
#sc{margin-top:15px;}
#sc .title{height:40px; background:url(/images/sub_account/title.gif) no-repeat;}
#sc .title2{height:40px; background:url(/images/sub_account/title_login.gif) no-repeat;}/*타이틀 로그인*/
#sc .title3{height:40px; background:url(/images/sub_account/title_error.gif) no-repeat;}/*타이틀 에러*/
#sc .title4{height:40px; background:url(/images/sub_account/title_bprovision.gif) no-repeat;}/*타이틀 이용약관*/ 


#sc .sbtitle, #sc .sbtitle2, #sc .sbtitle3, #sc .sbtitle4, #sc .sbtitle5, #sc .sbtitle6, #sc .joinedit, #sc .joindelete, #sc .joinchar{height:28px; padding-top:45px; background:url(/images/sub_info/bg_title.gif) no-repeat;}
#sc .sbtitle h4{height:20px; margin-left:23px; background:url(/images/sub_account/title_rename.gif) no-repeat;}
#sc .sbtitle2 h4{height:20px; margin-left:23px; background:url(/images/sub_account/title_join.gif) no-repeat;}
#sc .sbtitle3 h4{height:20px; margin-left:23px; background:url(/images/sub_account/title_provision.gif) no-repeat;}
#sc .sbtitle4 h4{height:20px; margin-left:23px; background:url(/images/sub_account/title_lossidpw.gif) no-repeat;}
#sc .sbtitle5 h4{height:20px; margin-left:23px; background:url(/images/sub_account/title_foot_provison1.gif) no-repeat;}
#sc .sbtitle6 h4{height:20px; margin-left:23px; background:url(/images/sub_account/title_foot_provison2.gif) no-repeat;}

#sc .joinedit h4{height:20px; margin-left:23px; background:url(/images/sub_account/title_joinedit.gif) no-repeat;}
#sc .joindelete h4{height:20px; margin-left:23px; background:url(/images/sub_account/title_joindelete.gif) no-repeat;}
#sc .joinchar h4{height:20px; margin-left:23px; background:url(/images/sub_account/title_character.gif) no-repeat;}/*대표캐릭명등록*/

#sc .sbtitlesm{height:70px; padding-top:10px; background:url(/images/sub_account/bg_backtitle.gif) no-repeat;}
#sc .sbtitlesm h4{height:20px; margin-left:13px; background:url(/images/sub_account/title_logins.gif) no-repeat;}



/*실명확인,아이디비번찾기*/
#acc{margin-bottom:80px;}
#acc span{display:none;}
#acc h5.losstx1{width:409px; height:20px; margin:0 auto; background:url(/images/sub_account/loss_tx1.gif) no-repeat;}
#acc h5.losstx2{width:409px; height:20px; margin:25px auto 0 auto; background:url(/images/sub_account/loss_tx2.gif) no-repeat;}
#acc ul{margin:20px 0;}
#acc li{padding:0 0 8px 10px; background:url(/images/sub_customer/dot_r1.gif) no-repeat 3px 5px; color:#cc9966;}
#acc .rnbox{width:459px; margin:0 auto;}

#acc .rnbox .rename-top{padding:25px 0 0 60px; background:url(/images/sub_account/bg_rename.gif) no-repeat left top;}
#acc .rnbox .rename-bottom{height:15px; background:url(/images/sub_account/bg_rename.gif) no-repeat left bottom;}
#acc .rnbox span{display:none;}
#acc .rnbox dt{float:left; width:76px; margin-right:10px;}
#acc .rnbox dd{padding-bottom:10px; color:#cc9966;}
#acc dt.acc-id{width:63px; height:16px; background:url(/images/sub_account/tx_id.gif) no-repeat 0 5px;}
#acc dd.acc-id input, #acc dd.acc-pw input{width:231px;}
#acc dt.acc-pw{width:63px; height:16px; background:url(/images/sub_account/tx_pw.gif) no-repeat 0 5px;}
#acc dt.acc-name{width:63px; height:16px; background:url(/images/sub_account/tx_name.gif) no-repeat 0 5px;}
#acc dt.acc-parentname{width:75px; height:16px; background:url(/images/sub_account/tx_maminame.gif) no-repeat 0 5px;}
#acc dd.acc-name input{width:231px;}
#acc dt.acc-regist{width:63px; height:16px; background:url(/images/sub_account/tx_regist.gif) no-repeat 0 5px;}
#acc dt.acc-parentregist{width:75px; height:16px; background:url(/images/sub_account/tx_mamiregist.gif) no-repeat 0 5px;}
#acc dd.acc-regist input{width:106px;}
#acc dt.acc-email{width:63px; height:16px; background:url(/images/sub_account/tx_email.gif) no-repeat 0 5px;}
#acc dd.acc-email input{width:231px;}
#acc dt.acc-pwhint{width:63px; height:16px; background:url(/images/sub_account/tx_pwhint.gif) no-repeat 0 5px;}
#acc dd.acc-pwhint select{width:231px; background:#261a1e; COLOR:#999; BEHAVIOR: url('/lib/js/selectBox.htc'); CURSOR:hand;}
#acc dt.acc-pwanswer{width:63px; height:16px; background:url(/images/sub_account/tx_pwanswer.gif) no-repeat 0 5px;}
#acc dd.acc-pwanswer input{width:231px;}
#acc .footbtn{clear:left; padding:10px 0; text-align:center;}

/*회원가입*/
#acform{}
#acform .mailg{clear:left; padding:13px 0; background-color:#230800; border-bottom:1px solid #6a2200; text-align:center; color:#cc9966;}
#acform dt{float:left; width:120px; padding-left:10px; background:url(/images/sub_customer/faq_tb_mu.gif) #230800 no-repeat bottom right; border-bottom:1px solid #6a2200; color:#bf831b; font-weight:bold;}
#acform dd{float:left; width:590px; background-color:#230800; border-bottom:1px solid #6a2200; color:#cc9966;}
#acform dt.acname{height:20px; padding-top:10px; border-top:2px solid #7b3b19;}
#acform dd.acname{height:26px; padding:4px 0 0 10px; border-top:2px solid #7b3b19;}
#acform dt.acregist, #acform dt.acdate, #acform dt.acid, #acform dt.acid, #acform dt.acpw, #acform dt.acpwre, #acform dt.achint, #acform dt.acanswer, #acform dt.acaddress, #acform dt.acphone, #acform dt.achp, #acform dt.acjob, #acform dt.acscholarship, #acform dt.acrecommend, #acform dt.acwedding{height:20px; padding-top:10px;}
#acform dd.acregist, #acform dd.acdate, #acform dd.acid, #acform dd.acid, #acform dd.acpw, #acform dd.acpwre, #acform dd.achint, #acform dd.acanswer, #acform dd.acaddress, #acform dd.acphone, #acform dd.achp, #acform dd.acjob, #acform dd.acscholarship, #acform dd.acrecommend, #acform dd.acwedding, #acform dd.acchar{height:26px; padding:4px 0 0 10px;}
#acform dt.acaddress{padding-top:10px;}
#acform dd.acaddress{padding:4px 0 0 10px;}
#acform dt.acaddress2{height:46px; padding-top:10px;}
#acform dd.acaddress2{height:52px; padding:4px 0 0 10px;}
#acform dt.acaddress3{height:68px; padding-top:10px;}
#acform dd.acaddress3{height:74px; padding:4px 0 0 10px;}
#acform dt.acemail{height:94px; padding-top:10px;}
#acform dd.acemail{height:100px; padding:4px 0 0 10px;}
#acform dd.acemail p, #acform dd.acemail2 p{line-height:140%;}
#acform dt.acemail2{height:63px; padding-top:10px;}
#acform dd.acemail2{height:69px; padding:4px 0 0 10px;}

#acform dd.acregist input.inbox{width:90px;}
#acform dd.acdate input.inbox{width:55px;}
#acform dd.acid input.inbox, #acform dd.acpw input.inbox, #acform dd.acpwre input.inbox{width:150px;}
#acform dd.acanswer input.inbox{width:250px;}
#acform dd.acaddress2 input.inbox, #acform dd.acaddress3 input.inbox{width:300px;}
#acform dd.acaddress input.inbox, #acform dd.acphone input.inbox, #acform dd.achp input.inbox{width:40px;}
#acform dd.acchar select{width:150px; background:#261a1e; COLOR:#999; BEHAVIOR: url('/lib/js/selectBox.htc'); CURSOR:hand;}
#acform dd.acdate select{width:50px; background:#261a1e; COLOR:#999; BEHAVIOR: url('/lib/js/selectBox.htc'); CURSOR:hand;}
#acform dd.achint select{width:250px; background:#261a1e; COLOR:#999; BEHAVIOR: url('/lib/js/selectBox.htc'); CURSOR:hand;}
#acform dd.acemail select{width:100px; background:#261a1e; COLOR:#999; BEHAVIOR: url('/lib/js/selectBox.htc'); CURSOR:hand;}
#acform dd.acemail2 input.inbox{width:300px;}
#acform dd.acjob select, #acform dd.acscholarship select{width:250px; background:#261a1e; COLOR:#999; BEHAVIOR: url('/js/selectBox.htc'); CURSOR:hand;}

/*약관*/
#provision textarea{width:700px; height:160px; padding:10px;}
#provision .profm{margin-bottom:15px;}
#provision .agreement{margin:15px 0; text-align:center; color:#cc9966;}
#provision  span{display:none;}
#provision h5.protx1{height:20px; margin-bottom:10px; background:url(/images/sub_account/pro_tx1.gif) no-repeat;}
#provision h5.protx2{height:20px; margin-bottom:10px; background:url(/images/sub_account/pro_tx2.gif) no-repeat;}
#provision h5.protx3{height:20px; margin-bottom:10px; background:url(/images/sub_account/pro_tx3.gif) no-repeat;}


/*로그인*/
#login-fm{margin-bottom:80px;}
#login-fm span{display:none;}
#login-fm li.tx1{height:27px; padding-left:270px; background:url(/images/sub_account/login_tx1.gif) no-repeat;}
#login-fm li.tx2{height:21px; margin-top:5px; padding-left:181px;background:url(/images/sub_account/login_tx2.gif) no-repeat;}
#login-fm .logbox-top{margin-top:45px; background:url(/images/sub_account/bg_loginbox.gif) no-repeat center top;}
#login-fm .logbox-bottom{clear:left; height:20px; background:url(/images/sub_account/bg_loginboxbm.gif) no-repeat center bottom;}
#login-fm .rename{width:652px; height:137px; margin:0 auto;}


#login-fm .lgfl{float:left; width:248px; padding-top:23px;}
#login-fm .lgfr{float:left; width:404px; padding-top:23px;}

#login-fm .lgfl h4{height:17px; margin-bottom:8px; background:url(/images/sub_account/login_stitle.gif) no-repeat;}
#login-fm .fl{float:left; width:150px; padding:10px 0 0 10px;}
#login-fm .fr{float:left;}
#login-fm input.login-id, input.login-pw{width:135px; height:14px; border:1px solid #adadad;}


/*회원가입 완료*/
#join-com{height:372px; background:url(/images/sub_account/bg_complete.jpg) no-repeat center top;}
#join-com .btn{width:300px; margin:145px auto 0 auto;}
#join-com .btn img.btnr{margin-right:30px;}


/*에러*/
#error{width:501px; margin:0 auto 150px auto;}
#error .logbox-top{margin-top:45px; background:url(/images/sub_account/bg_loginbox2.gif) no-repeat center top;}
#error .logbox-bottom{clear:left; height:20px; background:url(/images/sub_account/bg_loginboxbm2.gif) no-repeat center bottom;}
#error .rename{margin:0 auto; padding:45px 30px 20px 30px; text-align:center; color:#a2a2a2;}
#error .rename p{line-height:150%;}
#error .footbtn{text-align:center; margin-top:10px;}


/*회원탈퇴*/
#logdel{}
#logdel .box-top{margin-top:5px; padding:25px 50px 0 50px; background:url(/images/sub_info/ranking_boxtop.gif) no-repeat center top;}
#logdel .box-bottom{height:15px; background:url(/images/sub_info/ranking_boxbottom.gif) no-repeat center bottom;}
#logdel .box-top h5.tit1{height:23px; margin-bottom:8px; background:url(/images/sub_account/btx_logdel1.gif) no-repeat;}
#logdel .box-top h5.tit2{height:23px; margin-bottom:8px; background:url(/images/sub_account/btx_logdel2.gif) no-repeat;}
#logdel .box-top p{color:#cc9966; text-align:center; line-height:140%;}


/*약관*/
#policy{margin-top:15px; margin-bottom:30px;}
#policy .policy_contents{clear:left; margin-top:10px; padding:10px; background-color:#230800; border:1px solid #521500;}
#policy .policy_contents p{margin:0 15px 8px 15px; line-height:150%;}
#policy .pol-box{margin-bottom:10px; padding:10px; background-color:#120400; border:1px solid #3f3532; color:#a2a2a2;}