

/* 로그인박스 */
/* login section : before */
.loginbox { height:200px; width:810px; background:#f5f5f5;  border:solid 1px #ccc; position:relative; }
.loginsbbox { position:absolute; top:30px; width:700px; left:50px; }
.loginsbbox .id{ position:absolute; top:50px; left:150px;}
.loginsbbox .pass{ position:absolute; top:87px; left:148px;}

.loginbox ul.text_list { width:500px; height:100px; position:absolute; left:30px; top:40px;}
.loginbox ul.text_list li { background:none no-repeat 0px 9px; padding-left:10px; color:#333; font-size:13px;}


.inforbox { width:810px; overflow:auto; background:#f5f5f5;  border:solid 1px #ccc; position:relative;}
.inforbox .infor { width:700px; margin:auto; margin-top:40px; }
.inforbox .infor h2 { font-size:20px; color:#FF6600;}
.inforbox .infor h3 { padding-top:30px;}
.inforbox .infor .form { font-size:20px;}
.inforbox .infor .form { padding-top:10px; position:relative;}
.inforbox .infor .form .findID  { border-top:dotted 1px #a9a8a8; border-bottom:dotted 1px #a9a8a8; padding-top:15px;  padding-bottom:20px;  } 
.inforbox .infor .form .findID p { padding:5px 0 0 0; } 
.inforbox .infor .form .findID p label{ float:left; width:50px; padding-top:5px; font-size:12px;} 
.inforbox .infor .form .findID p.btn{ position:absolute; left:300px; top:55px;}
.inforbox .infor .form .logIn  { border-top:dotted 1px #a9a8a8; border-bottom:dotted 1px #a9a8a8; padding-top:15px;  padding-bottom:20px;  } 
.inforbox .infor .form .logIn p { padding:5px 0 0 0; } 
.inforbox .infor .form .logIn p label{ float:left; width:50px; padding-top:5px; font-size:12px;}
.inforbox .infor .bottom_text{ padding:50px 0 50px 0;} 
.inforbox .infor .bottom_text a { color:#FF6600;} 



.logintext_box {width:390px;height:200px; border:solid 1px #ccc; margin-top:20px; position:relative;}
.logintext_box .textbox { border-bottom:solid 1px #ccc; padding:15px 0 15px 20px; color:#333; background:#f5f5f5;}
.logintext_box ul.text_list { margin:20px 0 0 20px; }
.logintext_box ul.text_list li { background:none no-repeat 0px 9px; padding-left:10px; color:#333; font-size:12px;}

/* member */
.loginsbbox .btLogin{ position:absolute; top:50px; left:420px;}
.loginsbbox .btLogin .bt-yellow{ height:65px; background-position:100% -300px;}
.loginsbbox .btLogin .bt-yellow *{ line-height:65px; height:65px; background-position:0 -300px; min-width:100px; font-size:14px;}
.loginsbbox .btLogin .bt-yellow:hover{ background-position:100% -400px;}
.loginsbbox .btLogin .bt-yellow:hover *{ background-position:0 -400px;}



/* 개인정보 취급방침 */
.policy_con	{display:block;  padding:15px; overflow-y:scroll; border: solid 1px #ccc; width:96%; height:150px;}
.policy_con01	{display:block;  padding:15px; overflow-y:scroll; border: solid 1px #ccc; width:820px; height:800px;}
.chk_wrap	{margin-top:15px; padding-bottom:20px; }
.chk_wrap.last	{border-bottom:0px;}
.email_con01{ color:#666666; display:block;  padding:15px; border-top:solid 2px #000; border-left:solid 1px #ccc; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc;  width:820px; height:300px;background:#F9F9F9}



/* Button Common */
.button,
.button *{ position:relative; *position:none; margin:0; padding:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:11px; font-family:"Dotum"; white-space:nowrap; background:none no-repeat; vertical-align:top; overflow:visible; color:#666666}
.button { margin-right:4px}
.button *{ left:0; cursor:pointer; _cursor:hand}
.button.btn_white,.button.btn_white * {height:25px;line-height:26px;line-height:27px\0}
.button.btn_gray,.button.btn_gray * {height:25px;line-height:26px;line-height:27px\0}
.button.btn_white_big,.button.btn_white_big * {height:32px;line-height:33px;line-height:34px\0/}
.button.fix_icon,.button.fix_icon * {height:32px;line-height:33px;line-height:34px\0/}
.button.fix_plus,.button.fix_plus * {height:20px;line-height:21px;line-height:23px\0/}
.button.sm_btn,.button.sm_btn * {height:20px;line-height:21px;line-height:22px\0/}
.button.mid_btn,.button.mid_btn * {height:25px;line-height:26px;line-height:27px\0/}
.button.mid_btn_orange,.button.mid_btn_orange * {height:25px;line-height:26px;line-height:27px\0/}
.button.big_btn_orange,.button.big_btn_orange * {height:36px;line-height:36px;line-height:36px\0/}





/* Width btn  */
.button.btn_white {background-position:left top}
.button.btn_white a {font-weight:normal}
.button.btn_white a:focus,
.button.btn_white a:active,
.button.btn_white a:hover {color:#000}
.button.btn_white input {padding:0 9px 0 9px;color:#555555}
.button.btn_white *{padding:0 10px 0 10px;_padding:1px 10px 0 10px; font-size:11px; background-position:right top; color:#666666; font-weight:normal}

.button.btn_gray {background-position:left -163px}
.button.btn_gray a {font-weight:normal}
.button.btn_gray a:focus,
.button.btn_gray a:active,
.button.btn_gray a:hover {color:#000}
.button.btn_gray input {padding:0 9px 0 9px;color:#fff}
.button.btn_gray *{padding:0 10px 0 10px;_padding:1px 10px 0 10px; font-size:11px; background-position:right -163px; color:#fff; font-weight:normal}

.button.btn_white_big {background-position:left -35px}
.button.btn_white_big a {width:90px;font-weight:bold}
.button.btn_white_big a:focus,
.button.btn_white_big a:active,
.button.btn_white_big a:hover {color:#555555}
.button.btn_white_big input {width:90px;padding:0 14px 0 9px;color:#555555}
.button.btn_white_big * {padding:0 0 0 0;_padding:1px 0 0 0;font-size:11px; text-align:center;background-position:right -35px; color:#666666; font-weight:bold}

.button.sm_btn {background-position:left -103px}
.button.sm_btn a {font-weight:normal}
.button.sm_btn a:focus,
.button.sm_btn a:active,
.button.sm_btn a:hover {color:#0b0b0b}
.button.sm_btn input {padding:0 4px 0 4px;color:#ffffff}
.button.sm_btn * {padding:0 6px 0 6px;_padding:0 6px 0 6px;font-size:11px; text-align:center;background-position:right -103px; color:#ffffff; font-weight:normal}

.button.mid_btn {background-position:left -163px}
.button.mid_btn a {font-weight:normal}
.button.mid_btn a:focus,
.button.mid_btn a:active,
.button.mid_btn a:hover {color:#3e3e3e;}
.button.mid_btn input {padding:0 9px 0 9px;color:#ffffff}
.button.mid_btn * {padding:0 15px 0 15px;_padding:0 6px 0 6px;font-size:12px; text-align:center;background-position:right -163px; color:#ffffff; font-weight:normal}



.button.mid_btn_orange {background-position:left -198px}
.button.mid_btn_orange a {font-weight:normal}
.button.mid_btn_orange a:focus,
.button.mid_btn_orange a:active,
.button.mid_btn_orange a:hover {color:#0b0b0b}
.button.mid_btn_orange input {padding:0 9px 0 9px;color:#ffffff}
.button.mid_btn_orange * {padding:0 15px 0 15px;_padding:0 6px 0 6px;font-size:12px; text-align:center;background-position:right -198px; color:#ffffff; font-weight:normal}

.button.big_btn_orange {background-position:left -277px}
.button.big_btn_orange a {font-weight:bold}
.button.big_btn_orange a:focus,
.button.big_btn_orange a:active,
.button.big_btn_orange a:hover {color:#0b0b0b}
.button.big_btn_orange input {padding:0 9px 0 9px;color:#ffffff}
.button.big_btn_orange  * {padding:0 15px 0 15px;_padding:0 6px 0 6px;font-size:12px; text-align:center;background-position:right -277px; color:#ffffff; font-weight:bold}



/********end*************/



