/*//////////////////////////////로그인/////////////////////////////*/
body { background:#f4f4f4; margin:0; padding:0; }
.login-wrap {float:left; width:100%; height:515px; background: url(http://img.ohpy.com/opimg/full/login/img/login_bg.gif) repeat-x center center; position:absolute; top:50%; margin:-257px 0 0 0; }
.login-page { background:url(http://img.ohpy.com/opimg/full/login/img/login_img.gif) no-repeat 50% top;  width:470px; height:352px; margin:47px auto 0 auto; }
.login-page h2 { clear:both; float:left; width:220px; height:0; padding-top:22px; overflow:hidden; margin:128px 0 30px 125px; display:inline; background:url(http://img.ohpy.com/opimg/full/login/img/h2.gif) no-repeat 0 0;  }
.login-page h3 { clear:both; float:left; width:53px; height:0; padding-top:17px; overflow:hidden; margin:0 0 7px 0; background:url(http://img.ohpy.com/opimg/full/login/img/h3.gif) no-repeat 0 0;  }
.login-page .login-box {float:left; width:470px; height:125px; background:url(http://img.ohpy.com/opimg/full/login/img/box_bg.gif) no-repeat 0 0; } 
.login-page .login-box .login-box-input { float:left; margin:20px 0 0 60px; display:inline; width:260px; } 
.login-page .login-box .login-box-input label {float:left; padding:20px 0 0 0; height:0; overflow:hidden; }
.login-page .login-box .login-box-input label.input-id { width:48px; margin:1px 10px 0 0; background:url(http://img.ohpy.com/opimg/full/login/img/input-id.gif) no-repeat;}
.login-page .login-box .login-box-input label.input-pw { clear:both; width:50px; margin:1px 8px 0 0; background:url(http://img.ohpy.com/opimg/full/login/img/input-pw.gif) no-repeat;} 
.login-page .login-box .login-box-input input { float:left; width:185px; margin:0 0 3px 0; height:17px; color:#555; background:#fff; border:1px solid #A9A9A9; border-right:1px solid #CBCBCB; border-bottom:1px solid #E4E4E4; }
.login-page .login-box .login-box-btn { float:left; margin:20px 0 0 0; }
.login-page .login-box .login-box-btn span.btn-login { display:none; }
.login-page .login-box .login-id-save { float:left; margin:2px 15px 0 115px; display:inline; font:normal 11px 돋움, sans-serif; color:#666; }
.login-page .login-box .login-id-save .check { float:left;}
.login-page .login-box .login-id-save .labeltext { float:left; margin:3px 0 0 0;_margin:5px 0 0 0;}
*+html .login-page .login-box .login-id-save .labeltext { float:left; margin:5px 0 0 0;}
.login-page .login-box .login-id-safe { float:left; margin:2px 0 0 0; font:normal 11px 돋움, sans-serif; color:#666; cursor:pointer;}
.login-page .login-box .login-id-safe .check { float:left;}
.login-page .login-box .login-id-safe .labeltext { float:left; margin:3px 0 0 0;_margin:5px 0 0 0;}
*+html .login-page .login-box .login-id-safe .labeltext { float:left; margin:5px 0 0 0;}
.login-page .login-box .login-alert-idpw { clear:both; width:450px; float:left; padding:4px 0 3px 25px; font:bold 12px 돋움, sans-serif; margin:4px 0 0 60px; display:inline; color:#f56624; background:url(http://img.ohpy.com/opimg/full/login/img/bul-alert.gif) no-repeat 0 0; }
.login-page h4 {display:none;}
.login-page .login-member {float:left; color:#666; line-height:1.6em; width:460px; margin:12px 0 0 0; padding:0 0 0 8px; margin-bottom:3px; font-size:12px; background:url(http://img.ohpy.com/opimg/full/login/img/bul.gif) no-repeat 0 6px;}
.login-page .login-member strong {color:#ff6700; font-weight:normal; }
.login-page .login-member .text {float:left;}
.login-page .login-member .btn-join a {float:left; width:98px; overflow:hidden; padding:18px 0 0 0; height:0; margin:0 0 0 10px; background:url(http://img.ohpy.com/opimg/full/login/img/btn_join.gif) no-repeat; }
.login-page .login-help { float:left; color:#666; line-height:1.6em;  padding:10px 0 0 8px; font-size:12px; background:url(http://img.ohpy.com/opimg/full/login/img/bul.gif) no-repeat 0 16px;}
.login-page .login-help strong {color:#ff6700; font-weight:normal; }
.login-page .login-help .text {float:left;}
.login-page .login-help .btn-findidpw a { float:left; width:111px; overflow:hidden; padding:18px 0 0 0; height:0; margin:0 0 0 10px; background:url(http://img.ohpy.com/opimg/full/login/img/btn_findidpw.gif) no-repeat; }


/*//////////////////////////////로그아웃/////////////////////////////*/
.logout-wrap{ float:left; width:100%; height:361px; background: url(http://img.ohpy.com/opimg/full/login/img/logout_bg.gif) repeat-x center center; position:absolute; top:50%; margin:-180px 0 0 0; }
.logout-page { background:url(http://img.ohpy.com/opimg/full/login/img/login_img.gif) no-repeat 50% top;  width:470px; height:191px; margin:60px auto 0 auto; }
.logout-page h2 { clear:both; float:left; width:301px; height:0; padding-top:22px; overflow:hidden; margin:128px 0 34px 85px; display:inline; background:url(http://img.ohpy.com/opimg/full/login/img/logout_h2.gif) no-repeat 0 0;  }
.logout-page .btn-move a {float:left; width:124px; padding-top:26px; height:0; overflow:hidden; margin:0 10px 0 128px; display:inline; background:url(http://img.ohpy.com/opimg/full/login/img/btn_move.gif) no-repeat 0 0; }
.logout-page .btn-logout a {float:left; width:80px; padding-top:26px; height:0; overflow:hidden; background:url(http://img.ohpy.com/opimg/full/login/img/btn_logout.gif) no-repeat 0 0; }


/*//////////////////////////////제휴사로그인/////////////////////////////*/
.co-login-wrap{ float:left; width:100%; height:515px; background: url(http://img.ohpy.com/opimg/full/login/img/login_bg.gif) repeat-x center center; position:absolute; top:50%; margin:-257px 0 0 0; }
.co-login-wrap .login-page { background:url(http://img.ohpy.com/opimg/full/login/img/login_img.gif) no-repeat 50% top;  width:470px; height:352px; margin:60px auto 0 auto; }
.co-login-wrap .login-page h3 { clear:both; float:left; width:174px; height:0; padding-top:17px; overflow:hidden; margin:0 0 7px 0; background:url(http://img.ohpy.com/opimg/full/login/img/co_h3.gif) no-repeat 0 0;  }
.co-login-wrap .login-phone {float:left; margin:12px 30px 0 0; font:normal 12px 돋움, sans-serif; color:#666; }
.co-login-wrap .login-phone strong {color:#ef8e4d; padding:0 7px 0 8px; background:url(http://img.ohpy.com/opimg/full/login/img/bul.gif) no-repeat 0 3px;}
.co-login-wrap .login-email {float:left; margin:12px 0 0 0;  font:normal 12px 돋움, sans-serif; color:#666; }
.co-login-wrap .login-email strong {color:#ef8e4d; padding:0 7px 0 8px; background:url(http://img.ohpy.com/opimg/full/login/img/bul.gif) no-repeat 0 3px;}