@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; */box-shadow:2px 2px 2px rgba(0,0,0,0.1);}

/* 로그인, 정보수정시 비밀번호 */
/*
.loginWrap{margin-top:50px;border-top:5px solid #02AAC9;border-bottom:1px solid #ccc;
	background-image:-webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background-image:-moz-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background-image:-ms-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background-image:-o-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background-image:linear-gradient(top, #fff 0%, #f0f0f0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f0f0f0);
	*background:#fafafa;
}
.loginWrap .bgKeyWrap{position:relative;width:970px;height:270px;background:url(../img/bg_key.png) 150px 50% no-repeat;}
.loginWrap strong{position:absolute;left:400px;top:30px;font-family:Helvetica;font-size:25px;font-weight:bold;color:#405060;letter-spacing:-1px;line-height:25px;}
.loginWrap .inputWrap{position:absolute;left:350px;top:100px;width:402px;*zoom:1;}
.loginWrap .inputWrap:after{content:"";display:block;clear:both;}
.loginWrap .inputWrap dl{float:left;width:300px;height:100px;margin-right:20px;}
.loginWrap .inputWrap dl dt{float:left;width:70px;height:26px;line-height:26px;font-family:"나눔바른고딕";font-size:15px;font-weight:bold;vertical-align:middle;margin-bottom:7px;*margin-bottom:5px;}
.loginWrap .inputWrap dl dd{float:right;width:230px;height:26px;line-height:26px;margin-bottom:7px;*margin-bottom:5px;}
.loginWrap .inputWrap dl dd input[type="text"],
.loginWrap .inputWrap dl dd input[type="password"]{width:100%;border:1px solid #ccc;padding:5px;}
.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:190px;*zoom:1;}
.menuWrap:after{content:"";display:block;clear:both;}
.menuWrap li{float:left;padding-left:10px;}
.menuWrap li:first-child{padding-left:0;}
*/

.loginWrap{width:430px;margin:100px auto;font-family:"Nanum Gothic";letter-spacing:-1px;}
.loginWrap h3{height:54px;line-height:54px;padding:15px 0;text-align:center;text-indent:65px;font-size:45px;font-weight:bold;color:#005da9;}
.loginWrap h3.login{background:url(../img/bg_power_btn.png) 125px 50% no-repeat,url(../img/bg_slash_lr.png) 0 100% repeat-x;}
.loginWrap h3.confirm{background:url(../img/bg_power_btn.png) 60px 50% no-repeat,url(../img/bg_slash_lr.png) 0 100% repeat-x;}

.loginWrap .inputWrap{padding:10px 0;}
.loginWrap .inputWrap li{padding:5px 0;}
.loginWrap .inputWrap input[type="text"],
.loginWrap .inputWrap input[type="password"]{display:block;width:90%;height:55px;padding:0 5%;border:1px solid #ddd;font-family:"Nanum Gothic";font-size:14px;color:#797979;}
.loginWrap .inputWrap input[type="submit"]{display:block;width:100%;height:55px;margin-top:15px;border:none;font-family:"Nanum Gothic";font-weight:bold;font-size:18px;color:#fff;background:#005da9;box-shadow:2px 2px 2px rgba(0,0,0,0.1);}
.loginWrap .inputWrap li .autoLogin{margin:0 10px 0 20px;}

.loginWrap .menuWrap{text-align:center;font-size:0;}
.loginWrap .menuWrap a{display:inline-block;padding:5px 10px;margin:0 4px;border:1px solid #c9c9c9;font-size:13px;color:#666667;background:#fcfcfc;box-shadow:2px 2px 2px rgba(0,0,0,0.1);}

/* 회원가입 약관동의 */
.registWrap{width:1050px;}
/*
.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 .step{width:570px;height:45px;margin:40px auto 0;text-indent:-9999px;overflow:hidden;font-size:0;background:url(../img/bg_step.png) no-repeat;}
.registWrap .step.s1{background-position:0 0;}
.registWrap .step.s2{background-position:0 -45px;}
.registWrap .step.s3{background-position:0 -90px;}

.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:180px;}

.welcomeMessage{padding:50px 50px 50px 350px;margin-top:70px;border:1px solid #e5e5e5;background:url(../img/bg_namecard.png) 150px 50% no-repeat #fafafa;}
.welcomeMessage:after{content:"";display:block;clear:both;}
.welcomeMessage>strong{display:block;padding-bottom:15px;margin-bottom:10px;line-height:26px;font-family:"나눔바른고딕";font-size:25px;letter-spacing:1px;color:#fa6e72;background:url(../img/bg_slash_lr.png) 0 100% repeat-x;}
.welcomeMessage>p{padding-bottom:15px;line-height:25px;font-family:"Nanum Gothic";font-size:13px;}
.welcomeMessage>p>span{font-family:"Nanum Gothic";font-weight:bold;color:#505050;}
.welcomeMessage>span{display:block;font-family:"Nanum Gothic";font-weight:bold;color:#505050;}

.goHome{float:left;margin-top:50px;}

/* 탭 */
.registTabTitle{margin-top:45px;font-size:0;text-align:center;*zoom:1;}
.registTabTitle:after{content:"";display:block;clear:both;}
.registTabTitle>li{display:inline-block;}
.registTabTitle>li a{display:block;width:180px;height:45px;line-height:45px;font-family:"Nanum Gothic";font-size:15px;font-weight:bold;color:#666667;border:1px solid #d5d5d5;border-left:none;background:#f7f7f7;}
.registTabTitle>li:first-child a{border-left:1px solid #d5d5d5;}
.registTabTitle>li a.on{width:182px;height:47px;line-height:47px;color:#fff;background:#005da9;border:none;}


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