/*---가입 (반응형)----*/

/*순서이미지*/
ul{margin:0; padding:0}
.joinmenu{width:100%; margin:0px auto 25px; }
.joinmenu ul:after{content:""; clear:both; display:block;}
.joinmenu{padding-left:50px; height:100px; margin:0px auto;width: 100%;max-width: 600px;}
.joinmenu ul li{float:left; text-align:center; width:25%; height:100px;  list-style:none;/* function.php 176에서수정*/ }
.joinmenu ul li img{width:100%; max-width:240px}

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


/*앞에2개뿐- 구역제목*/
.cnt_desc{text-align:center; }
.cnt_tit{font-size:20px; font-weight:700; color:#222; font-family:'Nanum Gothic'} 
.cnt_txt{font-size:14px;line-height: 20px; 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 #333333;}
@media (max-width: 480px) {
.jbox_bg{
	padding:20px;
	}
 .joinmenu{padding-left:25px;}
}	
#chk_box{ /* 1 내용*/}
.cen-img{text-align:center; margin:0px auto 25px;/*폰이미지*/}

/*플레이스홀더 ie8부터*/
.placeholder_box {position: relative;   }
.placeholder_box label{    
color: #999; position: absolute; top:10px; 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;  
}

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


.bx{/*약관내용 스크롤*/
background:#fff; border:1px solid #aaa;  padding:5px; height:100px; overflow-y:scroll;	}
.agreement .check{margin-bottom:10px;}
.agreement .check input{ vertical-align:middle; width:16px; height:16px}
.agreement .check label{vertical-align:middle; padding:0 0 0 3px; color:#333; margin-bottom:0}



.agreement .field1 legend,
.agreement .field2 legend{ display:block; font-size:16px} 


/*---회원정보입력----*/
table.tbl_join{width:100%;}
.ico_circle{ background:url('../img/join/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;}