/*--- 회원가입 ---*/
article.joinInner > h3 {margin-top:40px;}
.joinInner {width: 80%; margin: 50px 100px}

div.okBtn {	margin:20px 0 50px 0;text-align: center;   width: 80%;}
div.okBtn a {display:inline-block;width:120px;	height:40px;line-height:40px;font-size:16px;text-align:center;background:#da9a29;color:#fff;}
div.idpwOkbox {	margin-top:20px;padding:50px 0;	width:80%;border:1px solid #ddd;text-align:center;font-size:18px;color:#666;line-height:32px;}
div.idpwOkbox > span {border-bottom:1px solid #333;	color:#000;}
div.idpwOkbox > span.id {padding:0 10px;font-size:36px;}

.join_con{padding:0 5%;}
.step {position: absolute; left: 300px; height:120px;width: 50%;background:url("../img/dotline.png") repeat-x left center; }
.step li {float:left; width: 25%;display:block; padding:40px 0 0 0; text-align:center;font-size:16px;color:#a7a7a7; }
.step li+li{ }
.step li span{display:block; margin:10px 0px 3px 0; font-size:16px;color:#a7a7a7;}
.step li.on span, .step li.on{color:#404040;}
.box_clause02{background-color:#fff;}
.box_clause_top {padding:0; background:#fff}
.box_clause { margin: 0 auto; padding:20px 20px 36px 20px; background-color:#f5f5f5}
.box_clause_con {padding:0px 14px 18px 14px; background-color:#fff;}
.box_clause_con02{padding-bottom:15px;}
.box_clause_con:after {display:block; clear:both; content:"";}
.box_clause .tit_clause {overflow:hidden; position:relative; display:block;  height:50px; font-size:16px; line-height:54px;color:#575757;  }
.box_clause .tit_clause a {display:inline-block; margin:0 0 0 48px; vertical-align:middle;}
.box_clause .tit_clause input {vertical-align:-1px !important}
.box_out {display:none; padding:0; background:#f4f4f4}
.box_out2 {height:63px; padding:31px 0 0 0; text-align:center; border:1px solid #ececec; }
.box_out3 {height:103px; padding:31px 0 0 0; text-align:center; border:1px solid #ececec; background-color:#fafafa;}
.box_in {overflow:auto; overflow-x:hidden; width:100%; height:205px; padding:0 0 0 0; background:#f4f4f4 }
.agree_check {display:block; margin:0;  font-size:14px; color:#575757; text-align:right;  position: absolute;  right: 30px; top: 0;}
.agree_check2 {display:block; margin:14px 39px 0; font-size:14px; color:#4e4e4e; text-align:right;}
.box_clause_con .agree_check input, .agree_check2 input {vertical-align:middle;}
.graybox{margin-top:19px; padding:0 0 49px; background-color:#fbfbfb; border:1px solid #efefef;}
.bt_center{overflow:hidden; text-align:center; width: 340px; margin:35px auto 0;}
.bt_center a{float:left;}
.bt_center .bt_com{display:block; text-align:center; margin-right:6px;background-color:#d99a28; bordeR:1px solid #c4881b;color:#fff; font-size:15px; width:164px; height:33px; line-height:33px;}
.bt_center .bt_com:hover{background-color:#fec559;}
.bt_center .bt_cancel{display:block; text-align:center; background-color:#999; bordeR:1px solid #777;color:#fff; font-size:15px; width:164px; height:33px; line-height:33px;}
.bt_center .bt_cancel:hover{background-color:#686868; bordeR:1px solid #7a7a7a;}

/*--- END 회원가입 ---*/


/*--- 아이디/비밀번호찾기 ---*/
fieldset { border: none; display: inline-block; float: left;    margin-top: 50px;}
legend, caption { position: absolute; left: 0; top: -5000px;  font-size: 0; line-height: 0;}
.hide{display:none;}
.box_search_id{/*border-bottom:1px dashed #210000;*/ padding:0 0 45px 0; height: 210px;}
.box_search_id{position: relative;   width: 500px; margin: 0 auto;    padding-right: 78px;border-right: 1px dashed #aaa;}
.box_search_pw{position: relative;   width: 500px; margin: 0 auto;    padding-right: 78px;}
.box_search_pw{padding:0 0 0 100px;}
#wrap_basic .h3_ser{position: absolute;left: 0;color:#d99a28; font-size:18px; font-weight:500;}
#wrap_basic .h3_ser span.stxt{display:block; font-size:13px; line-height:22px; color:#78787a; margin-top:10px;}
.search_id_dl01 dd{border-top:1px solid #000000;}
.search_pw_dl01 dd{border-top:none;}
.search_id_dl01, .search_id_dl02{padding-left:240px;}
.search_id_dl01 dd input {width: 92%;height: 50px;line-height: 50px; font-size:14px;padding: 0 0 0 20px; border:1px solid #fff; border-bottom: 1px solid #e1e1e1;color: #210000;background-color: #fff;}
.search_id_dl02 dd input { width: 92%;height: 50px;line-height: 50px;font-size:14px; padding: 0 0 0 20px; border:1px solid #fff;border-bottom: 1px solid #e1e1e1; color: #210000;background-color: #fff;}
.search_id_dl01 dd input#idName, .search_id_dl01 dd input#pwName{background:url("../image/member/name_icon.png") no-repeat right 5px center;}
.search_id_dl01 dd input#pwId{background:url("../image/member/id_icon.png") no-repeat right 5px center;}
.bt_id_com{background-color:#333;color:#fff; font-size:20px;margin:45px 0 0 0; text-align:center; display:block;width: 52.2%;float:right; height:50px; line-height:50px;}
.bt_id_com:hover{background-color:#78787a; color:#fff;}
.bt_id_com2{background-color:#4e3200;}
.bt_id_com2:hover{background-color:#fec559;}
#ajax_search_id{text-align:center;}
#ajax_search_id strong{display: block; padding:20px 0;font-size:18px; text-align:center; line-height:30px;}		
	
/*---// 아이디/비밀번호찾기 ---*/



/*-- 로그인 --*/
div.loginBox {
	margin:40px auto;
	padding:15px 0;
	background-color:#fff;
	box-shadow:0px 0px 10px #ddd
}
div.memberTitle {
	margin-top:40px;
	text-align:center;
}

ul.loginForm {
	margin:40px auto;
	width:500px;
}
ul.loginForm li {
	margin-bottom:10px;
}
ul.loginForm li input {
	padding-left:50px;
	width:500px;
	height:40px;
	color:#888;
	box-sizing:border-box;
}
ul.loginForm li button {
	margin:10px 0;
	width:500px;
	height:50px;
	background-color:#383838;
	font-size:20px;
	color:#fff;
	border:none;
}
ul.loginForm li span.idpwLink {
	float:right;
	font-size: 14px;
}
ul.loginForm li span.idpwLink a{color: #da9a29; font-family:'Noto Sans Medium'}
ul.loginForm li span input[type=checkbox] {
	margin-top:1px;
	width:15px;
	height:15px;
}
ul.loginForm li span label {
	font-size:15px;
}

div.newMamber {
	display:table;
	margin:50px auto;
	padding:20px 10px;
	width:500px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
div.newMamber p {
	display: table-cell;
	padding-left:80px;
	font-size:14px;
	line-height:22px;
	background:url('../img/login_logo.png') no-repeat 0;
}
div.newMamber a {
	display:table-cell;
	width:90px;
	text-align:center;
	vertical-align:middle;
	color: #da9a29;
    border: 1px solid #da9a29;
	font-size: 14px;
	font-family: 'Noto Sans Medium'
}
div.newMamber a:hover {background-color: #da9a29; color: #fff}
/*--- END 로그인 ---*/



/*-- 마이페이지 --*/
.tbl {
	margin-top:0;
}

/* 기간조회박스 */
div.periodBox {
	margin-bottom:15px;
	width:100%;
	height:50px;
	line-height:50px;
	background:#f9f9f9;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
ul.periodCheck {
	margin:0 auto;
	width:480px;
}
ul.periodCheck li {
	float:left;
}
ul.periodCheck li:first-child {
	margin-right:15px;
}
ul.periodCheck li p {
	float:left;
	margin:0 10px;
}
ul.periodCheck li input {
	float:left;
	margin-top:10px;
	padding-left:15px;
	width:140px;
	height:30px;
	background:#fefefe;
	border:1px solid #eee;
	font-size:14px;
	box-sizing:border-box;
	color:#777;
}
ul.periodCheck li a.preriodBtn {
	display:inline-block;
	margin-top:10px;
	margin-left:15px;
	width:80px;
	height:30px;
	text-align:center;
	line-height:30px;
	background:#2b4299;
	box-sizing:border-box;
	font-size:16px;
	color:#fff;
}



/*-- 회원탈퇴 --*/
ul.mark li {
	margin-bottom:12px;
	padding-left:23px;
	font-size:16px;
	background:url('../img/mark.png') no-repeat 0;
}
/*-- END 회원탈퇴 --*/

/*-- 약관 --*/
.clause_guide {width:100%; font-size:12px; color:#747474;}
.clause_guide .title_jang {display:block; font-size:18px; line-height:45px; color:#070707;}
.clause_guide .title_jo {display:block; font-size:16px; line-height:28px;  color:#5b5b5b;}
.clause_guide .con_jo {margin:0 0 19px; font-size:12px; line-height:18px;  color:#747474;}
.clause_guide .con_jo ul li {display:block; padding:0 0 0 14px; text-indent:-14px; font-size:12px; line-height:18px;  color:#747474;}
.tbl_clause {width:100%;border-collapse:collapse;border-spacing:0;}
.tbl_clause th {font-size:12px; line-height:28px; font-weight:bold; color:#666; text-align:center; border:1px solid #cadfe8; background-color:#e7edf1}
.tbl_clause td {font-size:12px; line-height:28px;  color:#666; text-align:center;  border:1px solid #cadfe8;}