.mp-title-header {padding:15px;text-align:center;color:#fff;background:#35aafa}
.mp-content {padding:20px 10px;text-align:center}
.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:15px;text-align:center}
.btn_area input {vertical-align: middle;}
.btn_area label{ position:relative; top:2px; padding:0 0 0 3px;}
.btn_area .button{min-width:100px}
.btn_area .button a{text-align:center}
.btn_area .button input{display:block;width:100%;text-align:center}
.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 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(images/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:99%;}
#login .i_label{display:block;position:absolute;left:150px;top:15px;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') !important; background-repeat:no-repeat;background-position:10px center;text-indent:60px}
#login #upw {background-image: url('images/ico_pw.png'); background-repeat:no-repeat;background-position:10px center;text-indent:60px}
#login #upw2 {background-image: url('images/ico_pw.png'); background-repeat:no-repeat;background-position:10px center;text-indent:60px}
#login #upw3 {background-image: url('images/ico_pw.png'); background-repeat:no-repeat;background-position:10px center;text-indent:60px}
#login #name {background-image: url('images/ico_id.png'); background-repeat:no-repeat;background-position:10px center;text-indent:60px}
#login #email {background-image: url('images/ico_email.png'); background-repeat:no-repeat;background-position:10px center;text-indent:60px}
#login .help{display:block;position:relative;padding:15px 0;border-top:1px solid #d9d9d9;text-align:justify;list-style:none;*zoom:1}
#login .help li{display:inline;float:none;margin:0;padding:0 6px;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}
.mp-login-left {display:inline-block;vertical-align:top;max-width:200px;border-right:solid 1px #ccc;overflow:hidden}
.mp-login-right{display:inline-block;width:280px;overflow:Hidden}
.socialLoginBtn {margin:2px}
.socialLoginBtn img{width:180px}
.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;}


.mp-content span.btn_login{width:99%}
.mp-content .item input[type="text"], 
.mp-content .item input[type="password"], 
.mp-content .item input[type="number"], 
.mp-content .item input[type="email"], 
.mp-content .item input[type="date"], 
.mp-content .item input[type="time"], 
.mp-content .item input[type="file"]{padding:0}

label.error{font-size:12px;background:#ff0000;color:#fff;display:block;padding:3px 5px;position:absolute;z-index:100;}
label.error:before {content: "";display: block;width: 0; height: 0; color:red;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 7px solid #ff0000; position: absolute;top: -6px;left: 10px;}
label#birth2-error {margin-left:90px}
label#birth3-error {margin-left:180px}

table.infocheck{width:100%;border-collapse: collapse;border-spacing: 0px;}
table.infocheck td {font-size:12px;border: solid 1px #ddd; padding:5px;text-align:left}
table.infocheck tr td:first-child {font-weight:bold;width:140px;background:#f5f5f5;text-align:center}

@media screen and (max-width:420px) {
	.mp-login-left, .mp-login-right { width:100%;}
	.mp-login-left {margin-bottom:10px;max-width:100%}
	
  #login .lock-icon {display:none}
   .socialLoginBtn {float:left;margin:1px}
   
}