@charset "euc-kr";
/* CSS Document */

@font-face {
 font-family: 'NanumGothic';
 src:url(../fonts/NanumGothic.eot)
 src:url(../fonts/NanumGothic.eot?#iefix) format('embedded-opentype'),
      url(../fonts/NanumGothic.woff) format('woff'),
      url(../fonts/NanumGothic.ttf) format('truetype');
}

body { margin:0; color:#666; background: #000 url(../img/login/bg.png) no-repeat top center;}
* { margin:0; padding:0; list-style:none; font-family: 'NanumGothic', sans-serif; font-size: 17px; font-size:14px;}

.bRdus { border-radius: 5px;}
.fs12 {font-size: 12px;}

#lBox { margin:0 auto; position:relative; width:409px; height: 230px; padding-top: 335px; margin-top:50px; background:url(../img/login/logo.png) no-repeat;}
#lBox > div {margin: 0 auto; margin-bottom: 10px; width:200px;}
.ID {height: 34px; width:100%; background: url(../img/login/mIcon.png) no-repeat;}
.PW {height: 34px; width:100%; background: url(../img/login/PIcon.png) no-repeat;}
.AT {height: 34px; width:100%; background: url(../img/login/aicon.png) no-repeat;}
.btB { width:100%; line-height: 36px; text-align: center; color: #fff; background-color: #000; cursor: pointer; font-size: 17px;border:1px solid #454545 !important}
.btBc{ width:100%; line-height: 36px; text-align: center; color: #fff; background-color: #000; cursor: pointer; font-size: 17px;border:1px solid #454545}
.btP { width:100%; line-height: 36px; text-align: center; color: #FFF; background-color: #454545; cursor: pointer; font-size: 17px;}
.btMobile { width:100%; line-height: 36px; text-align: center; cursor: pointer; font-size: 17px;  }
.Ltxt {background-color:transparent; width:155px; color:red; height: 34px; padding:0 10px 0 35px; border: 1px solid #454545;}

#pJBox { margin:0 auto; position:relative; width:744px; overflow: hidden; padding-top: 315px; margin-top:20px; background:url(../img/login/logo.png) no-repeat top center;}
#pJBox .boxLaout {overflow:hidden; margin-bottom:10px; margin-left:10px;}
#pJBox .boxLaout:last-child {margin-bottom:0;}
#pJBox .boxLaout li {float:left; margin-right:10px; border-radius:5px;}
#pJBox .join_title {background:#454545; padding-left:10px; font-weight:bold; color:#FFF; width:120px; line-height:30px;}
#pJBox .join_td {padding:0 5px; border-bottom:1px solid #454545; color:#b59242; height:28px;}
#pJBox .textEmail {line-height:30px; margin-right:10px; color:#b59242; font-weight:bold;}
#pJBox .btCh { text-align:center; padding: 0 10px;  cursor:pointer; color:#eee; font-weight:bold; line-height:30px; border: 1px solid #454545;}
#pJBox .joinInp { background-color:transparent; height:26px; width:150px; border:0; color:#FFF;;background:#000}
#pJBox .phoneInp { background-color:transparent; height:26px; width:60px; border:0; color:#FFF;background:#000}
#pJBox .infoText {width:260px; color:#999; padding-left:10px; line-height:30px; }
#pJBox .btLaout {overflow:hidden; width:100%; margin:0 auto; padding-top:20px; box-sizing: border-box;}
#pJBox .btLaout ul {float: left; width: 100%; text-align: center; display:inline-block;}
#pJBox .btLaout ul li {width: 150px; text-align: center; display:inline-block; border-radius: 5px;}
#pJBox .boxTop {background:url(../../images/login/joinBg_top.png) no-repeat; height:39px;}
#pJBox .boxCenter { overflow:hidden; padding:20px 10px; border:1px solid #454545; background: #000; }
#pJBox .boxBottom {background:url(../../images/login/joinBg_bottom.png) no-repeat; height:39px;}


#mJBox { margin:0 auto; position:relative; width:400px; overflow: hidden; padding-top: 315px; margin-top:20px; background:url(../img/login/logo.png) no-repeat top center;}
#mJBox .boxLaout {overflow:hidden; margin-bottom:10px; margin-left:10px;}
#mJBox .boxLaout:last-child {margin-bottom:0;}
#mJBox .boxLaout li {float:left; margin-right:10px; border-radius:5px;}
#mJBox .join_title {background:#454545; padding-left:10px; font-weight:bold; color:#FFF; width:80px; line-height:30px;}
#mJBox .join_td {padding:0 5px; border-bottom:1px solid #454545; color:#b59242; height:28px;}
#mJBox .textEmail {line-height:30px; margin-right:10px; color:#b59242; font-weight:bold;}
#mJBox .btCh { text-align:center; padding: 0 10px;  cursor:pointer; color:#454545; font-weight:bold; line-height:30px; border: 1px solid #454545;}
#mJBox .joinInp { background-color:transparent; height:26px; width:150px; border:0; color:#FFF;}
#mJBox .phoneInp { background-color:transparent; height:26px; width:60px; border:0; color:#FFF;}
#mJBox .infoText {width:260px; color:#999; padding-left:10px; line-height:30px; }
#mJBox .btLaout {overflow:hidden; width:100%; margin:0 auto; padding-top:20px; box-sizing: border-box;}
#mJBox .btLaout ul {float: left; width: 100%; text-align: center; display:inline-block;}
#mJBox .btLaout ul li {width: 150px; text-align: center; display:inline-block; border-radius: 5px;}
#mJBox .boxTop {background:url(../../images/login/joinBg_top.png) no-repeat; height:39px;}
#mJBox .boxCenter { overflow:hidden; padding:20px 10px; border:1px solid #454545; background: #000; }
#mJBox .boxBottom {background:url(../../images/login/joinBg_bottom.png) no-repeat; height:39px;}


#codePop {position:absolute; left:400px; top:200px; z-index:10; width:300px; height:140px; background:#333; padding-top:10px; border:2px solid #b59242; border-radius:5px;}
#codePop ol {text-align:center;}
#codePop ol.namebox {color:#b59242; line-height:24px; font-weight:bold; padding-bottom:10px;}
#codePop ol.inputbox {height:40px; text-align:center; padding:10px 0;}
#codePop ol span {background:#b59242; color:#FFF; font-weight:bold; padding:5px 20px; cursor:pointer; margin-right:10px; border-radius:5px;}
#codePop ol span.last {margin-right:0;background:#000; color:#999}
.code_txt {background:#111; border-left:1px solid #000; border-top:1px solid #000; border-right:1px solid #333; border-bottom:1px solid #333; color:#FC0; width:250px; height:30px; text-align:center; font-weight:bold;}