/* 회원가입 */
.regis_form {width:100%;margin-top:35px;}
.regis_agree {margin-top:15px;}
.btn_area {margin-top:20px;}
.regis_info {margin:15px 10px 15px 10px;}
.wr2{position:relative;padding:5px 10px 5px 0; border-bottom:#f7f7f7 solid 1px;}
.wr2 dt{position:absolute;top:0m;white-space:nowrap;font-weight:bold;}
.wr2 dd{padding-left:8.4em; text-decoration:none;line-height:20px;}
.wr2 dd label{color:#909090;}
.red {font-size:11px;color:red;}
.regis_btn {padding-left:110px;}

legend {display:none}
.btn_area {text-align:center;padding:15px}
.progress{overflow:hidden;height:25px;margin:10px 0 0;background:url(http://static.naver.com/groupware/2010/bg_progress.gif);border-right:1px solid #e3e3e3;font-family:'tahoma',dotum;font-size:11px;line-height:15px;letter-spacing:-1px}
.progress .tit{float:left;position:relative;z-index:1000;width:74px;height:20px;margin:0;padding:5px 0 0;background:url(http://static.naver.com/groupware/2010/bg_progress_tit.gif) no-repeat;font-size:11px;color:#fff;line-height:15px;text-align:center}
.progress ol{float:left;margin:0;padding:0}
.progress li,.progress li span{background:url(http://static.naver.com/groupware/2010/bg_progress_item.gif) no-repeat;font-size:11px;white-space:nowrap}
.progress li{float:left;margin:0 0 0 -13px;padding:0 0 0 13px;background-position:-287px 0}
.progress li span{height:25px;display:inline-block;padding:5px 28px 0 13px;background-position:100% top}
.progress li.on{position:relative;z-index:10;background-position:0 100%;color:#fff}
.progress li.on span{background:url(http://static.naver.com/groupware/2010/bg_progress_item.gif) no-repeat 100% 100%}
.progress li.last,.progress li.last span{background:none}
.progress .right{position:absolute;top:6px;right:10px;color:#444}

.overflowDiv {
margin-top:5px;height:200px;border:#dfdfdf solid 1px;overflow:auto;
padding:10px;color:#808080;line-height:1.2em; font-family:tahoma;}
.overflowDiv h3 {font-size:1.2em; padding:15px 0 8px 0;}
.overflowDiv li{padding-bottom:5px;}
.btn_area {margin-top:20px;}
.btn_area input {vertical-align: middle;}
.btn_area label{ position:relative; top:2px; padding:0 0 0 3px;}

.help {padding-top:20px;}

/*로그인*/
.mw_login{position:relative;text-align:center;margin:25px auto}
#login{font-size:12px;line-height:normal;white-space:normal}
#login form{display:none;margin:0;padding:0}
#login fieldset{margin:0;padding:0;border:0}
#login legend{visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
#login p{padding:5px 0}
#login .infoLo {margin:5px 0;background: url(img/ico_caution.gif) no-repeat;padding-left:17px;font-size:11px;font-family:Dotum, tahoma;}
#login .lock-icon {position:absolute;top:10px;right:10px; width:140px;height:140px;background:url(images/lock-icon.png) no-repeat}
#login .item{position:relative;width:350px;}
#login .i_label{display:block;position:absolute;left:150px;top:12px;font:bold 11px Tahoma}
#login .i_text{display:block;position:relative;font:bold 12px Tahoma; color:#767676;width:100%;background:transparent;margin:0 0 5px 0;height:42px;border-radius:5px }
#login #uid {background-image: url('images/ico_id.png'); background-repeat:no-repeat;background-position:10px center;text-indent:55px}
#login #upw {background-image: url('images/ico_pw.png'); background-repeat:no-repeat;background-position:10px center;text-indent:55px}
#login #upw2 {background-image: url('images/ico_pw.png'); background-repeat:no-repeat;background-position:10px center;text-indent:55px}
#login #upw3 {background-image: url('images/ico_pw.png'); background-repeat:no-repeat;background-position:10px center;text-indent:55px}
#login #name {background-image: url('images/ico_id.png'); background-repeat:no-repeat;background-position:10px center;text-indent:55px}
#login #email {background-image: url('images/ico_email.png'); background-repeat:no-repeat;background-position:10px center;text-indent:55px}

#login input.btn_login{width:356px}
#login .help{display:block;position:relative;padding:15px 0;border-top:1px solid #d9d9d9;text-align:center;list-style:none;*zoom:1}
#login .help li{display:inline;float:none;margin:0;padding:0 6px 0 10px;line-height:1}
#login .help li.first{border:0 !important}
#login .help a{display:inline;float:none;padding:0;background:none;font-size:11px;font-family:Dotum, tahoma, Sans-serif;color:#767676;line-height:1;text-decoration:none}
#login .help a:hover,
#login .help a:active,
#login .help a:focus{color:#000;text-decoration:underline}

#login .keeping{float:none;margin:2px 0;padding:10px 0;font-size:11px;}
#login .keeping label{position:static;font-family:Dotum, tahoma, Thahoma;cursor:pointer}
#login .i_check{width:13px;height:13px;margin:0 4px 0 0;padding:0;vertical-align:middle}
#login .warning{display:none;float:none;margin:10px 0;line-height:1.4;font-size:11px;font-family:Dotum, tahoma;}
#login .warning.open{display:block}

#login .o_login{text-align:center}
#login .o_login .i_label{left:36px}
#login .o_login .i_text{width:291px;margin:0;padding:8px 0 6px 35px;background:url(img/ico_openid.gif) no-repeat 10px center}
#login .o_login .btn_login{margin-top:10px;margin-bottom:10px;}
#login.g_login .g_login,
#login.o_login .o_login{display:block}
#login .close{overflow:visible;position:absolute;top:0;right:0;width:25px;height:25px;padding:0;border:0;background:transparent;font:11px/25px Verdana, Geneva, sans-serif;color:#ccc;text-align:center;text-decoration:none !important;cursor:pointer}

.mem_info  {float:left;}
.mem_info p {padding-left:20px; background:url(../img/ib.gif)  no-repeat 0 -35px;margin-bottom:10px;}
.mem_info span i1{padding-right:10px;}
.mem_info span i2{padding-right:10px;float:right;}
.mem_btn {float:right}
.memberInfo {width:100%;border-collapse:collapse;border-top:1px solid #ddd;margin:10px 0}
.memberInfo  td {height:35px;border-bottom:1px solid #dfdfdf;font-family:Verdana,"굴림";font-size:12px;background:#f6f6f6;border-bottom:1px solid #e6e6e6}
.memberInfo .title{padding-left:20px;font-size:12px;background:#f6f6f6;}
.memberInfo .feild{padding-left:5px;font-family:Verdana,"tahoma";font-size:11px;background:#fff}
.memberInfo .feild img {vertical-align:middle;}
.info_view {margin-bottom:40px;}

.info{float:right;width:244px;padding:28px;}
.socialLoginBtn {margin:5px}

@media screen and (max-width:520px) {
#login .lock-icon {display:none}
}