@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:calc(100% - 20px);height:250px;margin:80px auto;background:#eee;}
.loginWrap>strong{display:block;height:43px;line-height:43px;padding:38px 0 22px;text-align:center;font-family:"Malgun Gothic";font-size:28px;font-weight:normal;letter-spacing:-1px;color:#837870;}
.loginWrap .inputWrap{position:relative;max-width:390px;height:75px;margin:0 auto;}
.loginWrap .inputWrap>dl{position:relative;padding:0 10px;}
.loginWrap .inputWrap>dl>dt{position:absolute;color:#666;font-size:13px;}
.loginWrap .inputWrap>dl>dd{margin-bottom:5px;}
.loginWrap .inputWrap>dl>dd input{width:calc(100% - 90px)/* 298px */;height:33px;line-height:33px;text-indent:14px;border:1px solid #dadada;}
.loginWrap .inputWrap input[type="submit"]{position:absolute;right:10px;top:0;width:85px;height:75px;font-family:"Malgun Gothic";font-size:20px;color:#fff;border:none;background:#837870;-webkit-appearance:none;}
.loginWrap .userId{left:14px;top:8px;}
.loginWrap .userPw{left:14px;top:48px;}

.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{text-align:center;padding-top:15px;}
.menuWrap>a{padding:0 5px 0 8px;}

/* 회원가입 약관동의 */
.registWrap .step{width:400px;padding:40px 0;margin:0 auto;background:url(../img/bg_step_arrow.png) 50% 50% no-repeat;*zoom:1;}
.registWrap .step:after{content:"";display:block;clear:both;}
.registWrap .step li{float:left;width:98px;height:98px;line-height:98px;margin-left:50px;font-family:"Malgun Gothic";font-weight:bold;font-size:14px;text-align:center;color:#837870;border:1px solid #c1bbb7;border-radius:50%;}
.registWrap .step li:first-child{margin-left:0;}
.registWrap .step li.on{color:#fff;background:#837870;}

.registWrap .terms{padding:30px 40px;margin:0 40px;background:#eee;}
.registWrap .terms dt{padding-bottom:10px;font-family:"Malgun Gothic";font-weight:bold;font-size:13px;color:#333;}
.registWrap .terms dd{padding-bottom:10px;*zoom:1;}
.registWrap .terms dd:after{content:"";display:block;clear:both;}
.registWrap .terms dd div{height:100px;padding:10px;overflow-y:scroll;border:1px solid #ccc;background:#fff;}
.registWrap .terms dd ul{float:right;padding-top:10px;*zoom:1;}
.registWrap .terms dd ul:after{content:"";display:block;clear:both;}
.registWrap .terms dd ul li{float:left;margin-left:10px;}

.btnWrap{padding:40px 0;text-align:center;}
.btnWrap>*{display:inline-block;padding:10px 35px;margin-left:5px;font-family:"Malgun Gothic";font-size:14px;font-weight:bold;border:none;color:#fff;}
.btnWrap input[type="submit"]:first-child,
.btnWrap input[type="reset"]:first-child{margin-left:0;}
.btnWrap .brown1{background:#837870;}
.btnWrap .brown2{background:#c1bbb7;}

/* 회원가입 입력폼 */
.registWrap .profileForm{padding:30px 40px;margin:0 40px;background:#eee;}
.registWrap .profileForm dt{padding:20px 0 10px;border-bottom:1px solid #ccc;}
.registWrap .profileForm dt strong{font-family:"Malgun Gothic";font-size:13px;color:#333;}
.registWrap .profileForm dd{margin:20px 0;}

.registWrap .registTable table{width:100%;}
.registWrap .registTable table th{padding:3px 10px;line-height:18px;text-align:left;}
.registWrap .registTable table td{padding:3px;line-height:18px;}

.registWrap .registTable table input[type="text"],
.registWrap .registTable table input[type="input"],
.registWrap .registTable table input[type="password"]{width:298px;height:33px;line-height:33px;text-indent:14px;border:1px solid #dadada;}
.registWrap .registTable table .input30{width:30px !Important;}
.registWrap .registTable table .input100{width:100px !Important;}
.registWrap .registTable table .input200{width:200px !Important;}
.registWrap .registTable table .input300{width:300px !Important;}
.registWrap .registTable table .input400{width:400px !Important;}
.registWrap .registTable table .input500{width:500px !Important;}
.registWrap .registTable table .input600{width:600px !Important;}
.registWrap .registTable table .input700{width:700px !Important;}
.registWrap .registTable table .input800{width:800px !Important;}
.registWrap .registTable table .inputFull{width:99% !Important;}

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

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

/* 가입완료 */
.registWrap .welcomeMessage{padding:30px 40px;margin:0 40px;background:#eee;}
.registWrap .welcomeMessage>strong{padding:20px 0;display:block;text-align:center;font-family:"Malgun Gothic;";font-size:25px;line-height:32px;color:#837870;}
.registWrap .welcomeMessage>p{padding-bottom:20px;text-align:center;line-height:22px;color:#666;}
.registWrap .welcomeMessage>p>span{font-weight:bold;}

/* 탭 */
.registTabTitle{margin:0 40px;*zoom:1;}
.registTabTitle:after{content:"";display:block;clear:both;}
.registTabTitle>li{float:left;}
.registTabTitle>li a{display:block;padding:10px 20px;border:1px solid #c1bbb7;border-left:none;border-bottom:none;font:bold 13px/15px "Malgun Gothic";color:#837870;text-decoration:none;background:#fff;}
.registTabTitle>li:first-child a{border-left:1px solid #c1bbb7;}
.registTabTitle>li a.on{padding:11px 20px 10px;color:#fff;border:none;background:#837870;}

/* 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;}