/*---가입 (반응형)----*/
.join_wrap{max-width:870px; margin:0 auto; width:100%;}
.joinsbox { margin:30px auto;}

/*순서이미지*/
.joinmenu{padding-left:60px; padding-top:80px; margin:0 auto;width:600px   }
.joinmenu ul:after{clear:both; content:""; display:block}
.joinmenu ul li{float:left; text-align:center; width:25%; height:100px; list-style:none;box-sizing: border-box;  text-align:center;}
.joinmenu ul li img{width:100%; max-width:240px}

/*구역마다 */
.agreement{width:100%; max-width:550px ; margin:20px auto 40px;}

/*앞에2개뿐- 구역제목*/
.cnt_desc{text-align:center; height:70px}
.cnt_tit{font-size:24px; font-weight:bold; color:#222;height:30px}
.cnt_txt{font-size:14px; color:#444; }

/*내용박스*/
.jbox_bg{
	max-width:500px ; width:100%;  padding:40px 50px; margin:0 auto;
	background:#f9f9f9; border:1px solid #dbe1e5; border-top:4px solid 32ccc7;}
@media (max-width: 480px) {
.jbox_bg{
	padding:20px;
	}
}	
#chk_box{ /* 1 내용*/}
.cen-img{text-align:center; margin:0px auto 25px;/*폰이미지*/}

/*placehoder*/
.placeholder_box {position: relative;   }
.placeholder_box label{    
color: #999; position: absolute; top:13px; left:15px;  font-size: 14px;  cursor:text;  font-weight:normal}
.placeholder_box input[type="text"],
.placeholder_box input[type='password'] {   
border: 1px solid #ccc; height: 42px;  padding:13px 15px;  box-sizing:border-box;}


input.txt{ /*input*/
	width:100%; height:42px;  padding:7px;
}

/*버튼*/
.btns {/*버튼들 마다 들어감 버튼그룹*/
margin-top:25px;text-align: center;  font-size:14px;cursor:pointer;}
.btn-yes{/*가입여부확인(button) -블루*/
line-height:42px; height:42px; background:#33a1a8; border:1px solid #33a1a8; font-size:16px; width:100%; 
color:#fff!important; display:inline-block;  /*a때문에*/
}
.btn-no{/*-화이트*/
line-height:42px; height:42px; background:#fff!important;  border:1px solid #33a1a8; color:#33a1a8; font-size:16px; width:100%; display:inline-block;
}


.bx{/*약관내용 스크롤*/
background:#fff; border:1px solid #aaa;  padding:5px; height:100px; overflow-y:scroll;	}
 .check{ margin-top:5px; margin-bottom:10px; line-height:20px}

.agreement .field1 legend,
.agreement .field2 legend{ display:block; margin-bottom:3px} 


/*---회원정보입력----*/
table.tbl_join{width:100%;}
.ico_circle{ background:url('../images/join_mark.png') no-repeat 0px 20px; }
.texthelp{ color:#333; height:30px; line-height:24px}/*주의글*/
.phone_confirm_time{color:#F36} /*남은시간*/


/*가입완료*/
.joincomplete{width:100%; max-width:550px ; margin:0 auto;}
.info{text-align:center;  line-height:22px; font-size:14px; color:#333;  margni:30px auto;}