@charset "utf-8";

/* 버튼 */
.boardBtn{display:inline-block;*display:inline;padding:3px 5px 1px;border:1px solid #ccc;border-radius:5px;box-shadow:1px 2px 0px #ccc;font:bold 12px/12px Dotum;color:#888;background:#fff;}
.boardBtn:hover{border:1px solid #405060;box-shadow:1px 2px 0px #02aac9;color:#fff;text-decoration:none;background:#405060;cursor:pointer;}
.inputImageBtn{border-radius:10px;border:none;box-shadow:-1px -1px 1px #333 inset;background:#02aac9;}

/* 로그인, 정보수정시 비밀번호 */
.loginWrap{width:1000px;margin:150px auto;border-top:2px solid #1d85e0;border-bottom:1px solid #ccc;background:#f7f7f7}
.loginWrap .bgKeyWrap{position:relative;width:970px;height:270px;background:url(/skin/news/basic/img/page/password_ico.png) 170px 40px no-repeat;}
.loginWrap strong{position:absolute;font-family:'Nanum Gothic';left:350px;top:40px;font-size:25px;font-weight:bold;color:#333;letter-spacing:-1px;line-height:25px;}
.loginWrap strong .blue{color:#047ee8}
.loginWrap .txtSmall{position:absolute;left:350px;top:75px;color:#606060;font-size:13px}
.loginWrap .inputWrap{position:absolute;left:350px;top:100px;width:400px;*zoom:1;border-top:1px solid #e2e2e2;padding-top:30px}
.loginWrap .inputWrap:after{content:"";display:block;clear:both;}
.loginWrap .inputWrap dl{float:left;height:100px;margin-right:20px;}
.loginWrap .inputWrap dl dt{float:left;width:70px;height:26px;line-height:26px;font-family:"nanum Gothic";font-size:17px;font-weight:bold;vertical-align:middle;margin-top:5px;;}
.loginWrap .inputWrap dl dd{width:220px;height:26px;line-height:26px;margin-bottom:7px;margin-left:76px;}
.loginWrap .inputWrap dl dd input[type="text"],
.loginWrap .inputWrap dl dd input[type="password"]{width:100%;border:1px solid #ccc;padding:5px;height:28px}
.loginWrap .inputWrap input[type="image"]{float:right;}

.autoLoginWrap{position:absolute;left:420px;top:175px;}
.autoLoginWrap input[type="checkbox"]{margin-right:10px;}
.autoLoginWrap label{height:16px;line-height:16px;vertical-align:top;}

.menuWrap{position:absolute;left:420px;/* top:210px; */top:190px;*zoom:1;}
.menuWrap:after{content:"";display:block;clear:both;}
.menuWrap li{float:left;padding-left:10px;}
.menuWrap li:first-child{padding-left:0;}

/* 회원가입 약관동의 */
.registWrap{width:970px;margin:0 auto;}
.registWrap .step{border-top:2px solid #405060;border-bottom:1px solid #02aac9;*zoom:1;}
.registWrap .step:after{content:"";display:block;clear:both;}
.registWrap .step li{float:left;position:relative;}
.registWrap .step li>*{display:block;width:323px;height:30px;font:bold 14px/30px "Nanum Gothic";text-align:center;color:#fff;}
.registWrap .step li>strong{width:324px;}
.registWrap .step li .stepFront{position:absolute;left:0;top:0;width:15px;height:30px;}
.registWrap .step li .stepBack{position:absolute;right:0;top:0;width:15px;height:30px;}

.registWrap .terms{padding:20px;}
.registWrap .terms dt{padding:20px 0 10px;font-family:"나눔바른고딕";font-size:14px;font-weight:bold;}
.registWrap .terms dd{border-top:1px solid #ccc;border-bottom:1px solid #ccc;background:#f8f8f8;padding:20px;*zoom:1;}
.registWrap .terms dd:after{content:"";display:block;clear:both;}
.registWrap .terms dd div{height:100px;padding:5px 10px;padding-right:0;margin:0 auto;background:#fff;border:1px solid #ccc;overflow-y:auto;}
.registWrap .terms dd ul{*zoom:1;}
.registWrap .terms dd ul:after{content:"";display:block;clear:both;}
.registWrap .terms dd ul{float:right;padding-top:10px;}
.registWrap .terms dd ul li{float:left;}
.registWrap .terms dd ul li input[type="radio"]{margin-right:5px;}
.registWrap .terms dd ul li label{margin-right:10px;height:16px;line-height:16px;vertical-align:top;}

.btnWrap{padding:30px 0;text-align:center;}
.btnWrap>*{margin:0 5px;}

/* 회원가입 입력폼 */
.registWrap .profileForm{padding:20px;}
.registWrap .profileForm dt{padding:20px 0 10px;font-family:"나눔바른고딕";font-size:14px;font-weight:bold;}
.registWrap .registTable{margin-bottom:20px;border-top:2px solid #ccc;border-bottom:1px solid #ccc;}
.registWrap .registTable table{width:100%;}
.registWrap .registTable table th{padding:10px;border-bottom:1px solid #ccc;line-height:18px;background:#f0f0f0;}
.registWrap .registTable table td{padding:10px;border-bottom:1px solid #ccc;line-height:18px;}

.registWrap .registTable table input[type="text"],
.registWrap .registTable table input[type="input"],
.registWrap .registTable table input[type="password"]{padding:3px;border:1px solid #ccc;}
.registWrap .registTable table .input30{width:30px;}
.registWrap .registTable table .input100{width:100px;}
.registWrap .registTable table .input200{width:200px;}
.registWrap .registTable table .input300{width:300px;}
.registWrap .registTable table .input400{width:400px;}
.registWrap .registTable table .input500{width:500px;}
.registWrap .registTable table .input600{width:600px;}
.registWrap .registTable table .input700{width:700px;}
.registWrap .registTable table .input800{width:800px;}
.registWrap .registTable table .inputFull{width:99%;}

.registWrap .registTable table .message{padding-top:5px;}

/* 회원정보수정 리스트 */
.modifyTable{border-top:2px solid #ccc;}
.modifyTable table{width:100%;}
.modifyTable table thead th{padding:10px;border-bottom:1px solid #ccc;line-height:18px;background:#f0f0f0;}
.modifyTable table tbody td{padding:10px;border-bottom:1px solid #ccc;line-height:18px;text-align:center;}
.modifyTable table tbody td.subject{text-align:left;}
.modifyTable table tbody td.subject a{display:block;width:500px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0077aa;}



/* 가입완료 */
.messageWrap{position:absolute;left:350px;top:215px;}

.welcomeMessage{padding:80px 0 100px 400px;border-bottom:1px solid #ccc;background:url(../img/bg_key.png) 150px 50% no-repeat #fafafa;}
.welcomeMessage>strong{display:block;padding-bottom:15px;line-height:26px;font-family:"나눔바른고딕";font-size:26px;letter-spacing:1px;color:#405060;}
.welcomeMessage>p{padding-bottom:15px;line-height:25px;}
.welcomeMessage>p>span{font-weight:bold;color:#333;}
.welcomeMessage>span{display:block;font-weight:bold;}

.goHome{float:right;display:block;padding:20px 50px 0 0;}

/* 탭 */
/*.registTabTitle{border-bottom:2px solid #405060;*zoom:1;}*/
.registTabTitle:after{content:"";display:block;clear:both;}
.registTabTitle>li{float:left;}
.registTabTitle>li a{display:block;padding:11px 20px;border-left:1px solid #ccc;font:bold 13px/15px "Nanum Gothic";color:#fff;text-decoration:none;background:#02aac9;}
.registTabTitle>li:first-child a{border-left:none;}
.registTabTitle>li a.on{color:#fff;background:#405060;}


/* sns 로그인 */
.snsLoginWrap{padding-top:10px;text-align:right;*zoom:1;}
.snsLoginWrap:after{content:"";display:block;clear:both;}
.snsLoginWrap span{padding-right:10px;height:28px;line-height:28px;}

.snsLogin{float:right;*zoom:1;}
.snsLogin:after{content:"";display:block;clear:both;}
.snsLogin li{float:left;margin-left:5px;}
.snsLogin li:first-child{margin-left:0;}
.snsLogin li a{display:block;width:28px;height:28px;line-height:28px;text-indent:9999px;overflow:hidden;background:url(../img/btn_sns_login.png) 0 0 no-repeat;}
.snsLogin li.facebook a{background-position:0 0;}
.snsLogin li.twitter a{background-position:-33px 0;}
.snsLogin li.naver a{background-position:-66px 0;}