/* -------------------------------------
    Common
----------------------------------------*/
* { padding: 0; margin: 0; }

/* -------------------------------------
    Register Page Layout
----------------------------------------*/
#register-wrapper { 

 margin: 0 auto;
 width: 810px;  
}

#header {
 color: #333;
 width: 790px;
 float: left;
 padding: 25px 10px 0px 10px;
 border: 0px solid #ccc;
 height: 100px;
 margin: 0px 0px 0px 0px;   
}

#content {  
 float: right;
 color: #333;
 border: 0px solid #ccc; 
 margin: 0px 0px 5px 0px;
 padding: 10px; 
 width: 790px;
 display: inline; 
 background-repeat:no-repeat;   
}

#footer { 
 width: 790px;
 clear: both;
 color: #333;
 border: 0px solid #ccc;
/* background: #BD9C8C;*/
 margin: 0px 0px 10px 0px;
 padding: 10px 10px 10px 10px;
}

/* -------------------------------------
    Register Detail
----------------------------------------*/
.wrapper	{
    position:relative;    
    background-image: url(../../images/Register/bg_btm.gif);	
    background-repeat: no-repeat;	
    background-position: bottom;
    padding:0px 0px 10px 0px;
}

.wrapper h2	{
    background:url(../../images/Register/bg_top.gif) no-repeat top;	
    top:10px; left:0px;
}


/*-------------
    공통
---------------*/
.wrapper .titleimg {padding:10px 0px 0px 20px; text-align:left;}
.wrapper .step      {position: absolute; top:30px; left:0px; margin:20px 0 0 5px; padding:0; /*background-color:Blue;*/ width:700px; height:50px;}    
.wrapper .step ul   {margin:0px 0px 0px 0px; padding:0px; list-style:none; width:780px; background:url(../images/register/tap_5_bg.gif) no-repeat; float:left; }
.wrapper .step ul li{padding:0; list-style:none; float:left;}
.wrapper .step img  {border-style:none;}

.wrapper .main          {position: absolute; top:80px; left:0px;width:700px;margin:30px 0px 0px 45px; /*background-color:red;*/}
.wrapper .main .notice  { width:700px; margin:20px 0px 40px 0px; /*background-color:Fuchsia;*/ }
.wrapper .main .body    {width:700px; text-align:left; /*background-color:Lime;*/}
.wrapper .main .body .title {top:0px; left:0px; width:100px; height:100px}
.wrapper .end           {margin-bottom:30px;}
.wrapper .main .body #logic .emaillist {width:200px; font-size:13px; height:25px; font-weight:bold; ime-mode:disabled;}
.wrapper .main .body #logic .hplist {width:60px; font-size:14px; height:25px; font-weight:bold;}

.textboxAddBacgroud {background-color:#FFFF80;}
.hangle {ime-mode:active;}
.eng {ime-mode:disabled;}



/*-------------
    회원가입 Main
---------------*/
.wrapper .main .body #MainUc #logic {position:relative; width:720px; height:600px;  padding-left:0px;}
.wrapper .main .body #MainUc #logic #main_img { width:717px; height:321px; background:url(../../Images/Register/img_main.gif) no-repeat; } 
.wrapper .main .body #MainUc #logic #msg {position:absolute; top:360px; font-weight:bold; left:200px;}
.wrapper .main .body #MainUc #logic #button {position:absolute;top:430px; left:115px; cursor:pointer; }




/*-------------
    약관
---------------*/
.wrapper .main .body #ContractUc #logic {padding-right:35px; width:700px;}
.wrapper .main .body #ContractUc #logic #button {padding:20px 0px 0px 130px; }
.wrapper .main .body #ContractUc #logic input{margin-left:5px; }
.wrapper .main .body #ContractUc #logic textarea{color:#939393; font-size:12px;}
.wrapper .main .body #ContractUc #alert {padding:30px 200px 0px 5px;}
.wrapper .main .body #ContractUc #alert h5 {color:black;}
.wrapper .main .body #ContractUc #alert .alert_msg {width:500px; padding-left:20px; height:70px; color:black;background:url(../../images/register/bu_square_qu.gif) no-repeat; }
.wrapper .main .body #ContractUc #end   {margin:20px; text-align:center;}
.wrapper .main .body #ContractUc #end img   {cursor:pointer;}
/*.wrapper .main .body #ContractUc #end{margin-bottom:30px;}*/

/*-------------
    실명인증
---------------*/
.wrapper .main .body #NameUc #logic {padding-left:180px;}
.wrapper .main .body #NameUc #logic #button {padding:20px 0px 0px 130px; cursor:pointer; }
.wrapper .main .body #NameUc #alert {padding:30px 200px 0px 5px;}
.wrapper .main .body #NameUc #alert h5 {color:black;}
.wrapper .main .body #NameUc #alert .alert_msg {width:500px; padding-left:20px; height:70px; color:black;background:url(../../images/register/bu_square_qu.gif) no-repeat; }

/*-------------
    부모인증
---------------*/
.wrapper .main .body #ParentUc #logic {padding-left:0px; }
.wrapper .main .body #ParentUc #logic #button {padding:20px 0px 0px 255px; cursor:pointer; }
.wrapper .main .body #ParentUc #logic .email {width:120px;ime-mode:disabled; }

.wrapper .main .body #ParentUc #alert {padding:30px 200px 0px 5px;}
.wrapper .main .body #ParentUc #alert h5 {color:black;}
.wrapper .main .body #ParentUc #alert .alert_msg {width:650px; padding-left:20px; height:70px; color:black;background:url(../../images/register/bu_square_point.gif) no-repeat; }



/*-------------
    부모인증 Email 확인
---------------*/
.wrapper .main .body #ParentEmailUc #logic {padding-left:180px; }
.wrapper .main .body #ParentEmailUc #logic #button {padding:20px 0px 0px 100px; cursor:pointer; }
.wrapper .main .body #ParentEmailUc #alert {padding:30px 200px 0px 5px;}
.wrapper .main .body #ParentEmailUc #alert h5 {color:black;}
.wrapper .main .body #ParentEmailUc #alert .alert_msg {width:500px; padding-left:20px; height:70px; color:black;background:url(../../images/register/bu_square_point.gif) no-repeat; }


/*-------------
    회원가입 정보 입력
---------------*/
.wrapper .main .body #AreYouReadyUc #logic {padding-left:0px; }
.wrapper .main .body #AreYouReadyUc #logic #button {padding:20px 0px 0px 260px; cursor:pointer; }
.wrapper .main .body #AreYouReadyUc #alert {padding:30px 200px 0px 5px;}
.wrapper .main .body #AreYouReadyUc #alert h5 {color:black;}
.wrapper .main .body #AreYouReadyUc #alert .alert_msg {width:500px; padding-left:20px; height:70px; color:black;background:url(../../images/register/bu_square_point.gif) no-repeat; }
.wrapper .main .body #AreYouReadyUc #logic .kor-inputbox {width:180px;ime-mode:active;}
.wrapper .main .body #AreYouReadyUc #logic .eng-inputbox {width:180px;ime-mode:disabled;}
.wrapper .main .body #AreYouReadyUc #logic .inputbox {width:180px; margin:3px 0px 3px 0px}
.wrapper .main .body #AreYouReadyUc #logic .authbutton{vertical-align:middle; cursor:pointer; }
.msg {padding:100px;}


.inputTrue {color:#3DAC0D;}
.inputFalse {color:#FF0000;}
.inputInfo {color:#7F7F7F;}

#divNameAlert {width:235px;  margin-left:15px; }
#divIdAlert {width:235px; margin-left:15px;  }
#divNickNameAlert{width:235px; margin-left:15px; }
#divPasswordAlert {width:200px; margin-left:15px;}
#divPasswordAgainAlert{width:200px; margin-left:15px;}
#divEmailAlert {width:400px;  margin-left:15px; }
#divHppAlert{width:235px;  margin-left:15px; }

/*-------------
    핸드폰 인증 
---------------*/
#AreYouReadyUc .HppAuth {position:relative;width:426px; height:231px; top:-420px; left:125px; display:none;}
#AreYouReadyUc .HppAuth #bg {width:426px; height:231px; background-image: url(../../images/register/hppauth_bg.gif);	background-repeat: no-repeat;	background-position: bottom;}
#AreYouReadyUc .HppAuth #title {position:absolute; left:20px; top:-10px; }
#AreYouReadyUc .HppAuth #message{position:absolute; left:20px; top:30px; font-size:12px; color:#939393}
#AreYouReadyUc .HppAuth #input {position:absolute; left:20px; top:60px; width:350px; margin:0 15px 0px 0px; padding:15px; border:1px solid #b4b4b4; border-left:none; border-right:none; background-color:#f4f4f4; text-align:center;}
#AreYouReadyUc .HppAuth #button {position:absolute; left:128px; top:130px; cursor:pointer; }
#AreYouReadyUc .HppAuth #close {position:absolute; left:407px; top:8px; width:12px; background-color:Gray; font-size:16px; cursor:pointer; }
#AreYouReadyUc .HppAuth #comment-layer {position:absolute; width:400px; height:55px; left:20px; top:172px; text-align:left; float:left;}
#AreYouReadyUc .HppAuth #comment-layer ul li {height:25px;list-style-type:none; }
#AreYouReadyUc .HppAuth #comment-layer ul li span {color:Red; height:10px; height:11px; padding-left:5px; font-size:12px; color:#065F7F;  vertical-align:top; }

/*-------------
    Email 인증 
---------------*/

#ParentUc .EmailAuth {position:relative;width:426px; height:231px; top:-400px; left:125px; display:none;}
#ParentUc .EmailAuth #bg {width:426px; height:231px; background-image: url(../../images/register/hppauth_bg.gif);	background-repeat: no-repeat;	background-position: bottom;}
#ParentUc .EmailAuth #title {position:absolute; left:20px; top:-10px; }
#ParentUc .EmailAuth #message{position:absolute; left:20px; top:30px; font-size:11px; color:#269DE0}
#ParentUc .EmailAuth #input {position:absolute; left:20px; top:60px; width:350px; margin:0 15px 0px 0px; padding:5px; border:1px solid #b4b4b4; border-left:none; border-right:none; background-color:#f4f4f4; text-align:center;}
#ParentUc .EmailAuth #button2 {position:absolute; left:168px; top:133px; cursor:pointer; }
#ParentUc .EmailAuth #close {position:absolute; left:407px; top:8px; width:12px; background-color:Gray; font-size:16px; cursor:pointer; }
#ParentUc .EmailAuth #comment-layer {position:absolute; width:400px; height:55px; left:20px; top:172px; text-align:left; float:left;}
#ParentUc .EmailAuth #comment-layer ul li {height:25px;list-style-type:none; }
#ParentUc .EmailAuth #comment-layer ul li span {color:Red; height:10px; height:11px; padding-left:5px; font-size:12px; color:#065F7F;  vertical-align:top; }











/*-------------
    회원가입 완료 
---------------*/
/* no css data*/





#submit {padding-bottom:30px;}

.highlight {
  font-style: italic;
  border: 1px solid #888;
  padding: 0.5em;
  margin: 0.5em 0;
  background-color: #ffc;
}
/*-------------
    Control
---------------*/

table { background-color:#d4d4d4; border:2px solid #d4d4d4;line-height:18px; border-left:none; border-right:none; }
th{ height:38px; font-weight:normal; text-align:left; padding:0 10px 0 10px; background-color:#ededed;}
td{ height:38px; background-color:#ffffff; font-weight:normal; text-align:left; padding:0 10px 0 10px;}

input { padding:3px 0 2px 5px; border:2px solid #cccccc; font-size:14px; font-weight:bold; color:#333333; vertical-align:middle;}
.checkbox { padding:0px;  border:0px; }
select{ height:20px; vertical-align:middle;}


.text	{width:693px; margin-bottom:38px; text-align:left; }
textarea {clear:both; width:692px; margin:5px;padding:10px 0 10px 0;border:2px solid #d4d4d4;line-height:18px; background-color:#ededed;border-left:none; border-right:none;}