.tooltip {position:absolute;padding-left:80px;color:red;}

	  #join_end .head{font-size:26px; line-height:40px; color:#000; text-align:center; font-weight:300}
	  #join_end .head b{color:#ff6600}
	  #join_end .end_txt{font-size:18px; line-height:25px;}
	  #join_end .join_info{}
	  #join_end h2{border-top:1px dashed #e3e3e3; padding-top:20px; margin-top:20px}



table th{font-size:16px; font-weight:300; padding:10px 0; border-bottom:1px solid #e3e3e3; border-right:0px solid #e3e3e3; letter-spacing:-0.06em;line-height: 2.0;}
table td{font-size:16px; font-weight:200; padding:10px 0; border-bottom:1px solid #e3e3e3; border-right:0px solid #e3e3e3; letter-spacing:-0.06em;line-height: 2.0;}
table td:last-child{border-right:0px;line-height: 2.0;}
table tr{font-size:14px; font-weight:200;}
table tr strong{font-weight:300; color:#000}
table caption{position: absolute; left:-999999px;}
table caption,.blind{display: inline-block; width: 1px; height: 1px; text-indent: -9999px;}



#wrapper{width:100%; }
.clear{clear:left}
.tooltip {position:absolute;color:red;}
.help-block {
	width: 600px;
    position: relative;
    left: 180px;
    top: -15px;
	}
	 input {
    border: 1px solid #999;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 5px;
}
span {color:red;}


	  /* ================================ 회원관련 ===================================== */
	  	#mem_layout{clear:left; width:100%; max-width:1000px; margin:0 auto}
			#login{text-align:center; padding-top:120px;}
			#login input[type=text] {border:1px solid #dddddd; width:100%; max-width:500px; height:40px; padding:5px 10px; font-size:17px; margin:0 0 15px 0; color:#a0a0a0}
			#login input[type=password] {border:1px solid #dddddd; width:100%; max-width:500px; height:40px; padding:5px 10px; font-size:17px; margin:0 0 15px 0; color:#a0a0a0}
			#login .button {background:#539DFF; width:100%; max-width:520px; padding:20px 10px; border:0px; color:#fff; font-size:28px; letter-spacing:-1px; font-weight:100; cursor:pointer; border-radius:24px; font-family:"Pretendard SemiBold"}
			#login span{color:#d9d9d9; padding:0 5px}
			#login p{padding-top:30px; border-top:1px dashed #e3e3e3; width:520px; margin:30px auto auto auto}
			#login p b{font-size:20px; line-height:35px; font-weight:200; color:#000}

		  #join{text-align:center}
		  #join ul{margin:0 auto; padding:0}
		  #join li{text-align:center; display:inline-block; border:1px solid red}
		  #join .step{padding-bottom:35px;}
		  #join .step li img{margin:0 10px; width:30%}
		  
		  #join .certification{border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; padding:40px 0}
		  #join .certification li{width:49.5%; text-align:center; border-right:1px solid #d9d9d9; font-weight:300; line-height:20px; color:#000; font-size:18px; letter-spacing:-1px; display:inline-block; vertical-align:top}
		  #join .certification li:last-child{border-right:0px}
		  #join .certification li img{margin-bottom:20px;}
		  
		  #join .rule{clear:left; padding-top:40px;}
		  #join .rule center{text-align:center; font-size:16px; color:#000; font-weight:400; background:url(/assets/images/content/member/icon_black_down_arrow.gif) no-repeat 50% 25px; padding-bottom:25px; border-bottom:1px solid #d9d9d9;}
		  #join .rule ul{margin:0 auto; padding:30px 0 20px 0; width:80%}
		  #join .rule li{clear:left; width:100%; text-align:left; background:url(/assets/images/content/member/bullet_square_gray.gif) no-repeat 0 10px; padding-left:12px; line-height:24px;}
		  
		  /* 약관동의 */
			  .agree_txt{width:90%; margin:0 auto;}
			  .agree_txt h2{margin:0; padding:0 0 20px 0; font-weight:300; color:#000; text-align:left; letter-spacing:-1px; font-size:22px}
			  .agree_txt div{overflow-y:scroll; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; background:#f6f6f6; height:250px; line-height:20px; text-align:left; padding:10px 20px; margin:0 auto; font-size:13px}
			  .agree_txt .div2{overflow-y:scroll; width:100%; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; background:#f6f6f6; height:210px; line-height:20px; text-align:left; padding:10px 20px; margin:0 auto;font-size:14px}
			  .agree_txt p{margin:0; padding:0; line-height:24px; font-size:14px;}
			  .agree_txt .tt{color:#000; font-weight:300; font-size:18px; padding:20px 0 10px 0}
			  .agree_txt .ttt{font-size:16px; color:#000; font-weight:300; color:#000; padding-top:10px}
			  .agree_all{background:#; padding:15px 0; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; width:80%; margin:0 auto 30px auto; text-align:right}
			  
			  #mem_tble{margin-top:10px;}
			  #mem_tble th{font-size:15px; font-weight:300; line-height:20px; border-bottom:1px solid #e3e3e3}
			  #mem_tble td{font-size:14px; font-weight:200; text-align:left; padding-left:10px; line-height:20px;}
			

			
			
		#mem_layout h2{margin:0; padding:0 0 10px 0px; font-weight:300; color:#000; text-align:left; letter-spacing:-1px; font-size:22px;}
		#mem_layout th{text-align:center}
		#mem_layout .register_test  td{text-align:center}
		#join_form{}
		#join_form span{color:#ff6600; display:block; font-weight:200}
		#join_form span input{padding:5px 10px; margin:0 0 0 10px}
		  .th_top{border-top:2px solid #333}
	
			
			
			.tac{text-align:center}
			.mac{margin:0 auto}
/* 공통으로 사용하는 버튼 스타일 */
			.wbtn{border-radius:5px; border:1px solid #bbbbbb; padding:10px 15px; text-align:center; display:inline-block; font-size:16px; color:#4d4d4d; }
			.wbtn:hover{background:#4d4d4d; color:#fff; border:1px solid #4d4d4d}			  

			.orgbtn{border-radius:5px; border:1px solid #ff6600; background:#ff6600; padding:6px 22px; text-align:center; display:inline-block; font-size:16px; color:#fff; }
			.orgbtn:hover{background:#fff; color:#ff6600; border:1px solid #ff6600}
			
			.sgbtn{background:#333; color:#fff; font-size:12px; text-align:center; border:0px;  padding:5px 10px 7px 10px; border-radius:4px;  cursor:pointer}	

#container a {
display:inline;
}

td div{font-size:14px}
td input{margin-bottom:5px}



/* RESET 
html,body,button,dl,dt,dd,div,form,fieldset,legend,h1,h2,h3,h4,h5,h6,input,select,textarea,ul,ol,li,p,pre,table,td,th,caption,a,button{margin:0;padding:0; line-height:1;}
fieldset{border:0px !important}
fieldset legend{font-size:0}
fieldset select{vertical-align:middle}
fieldset img{vertical-align:middle}
body{overflow-x: ; font-size:1em; color:#666; *font-family:notokr,'NotoSans',AppleSDGothicNeo-Light,NotoL,Malgun Gothic,'맑은 고딕',sans-serif; font-family:notokr,'NotoSans',AppleSDGothicNeo-Light,NotoL,Malgun Gothic,'맑은 고딕',sans-serif;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size:14px; font-weight:200; height:100%; width:100%;}

h1,h2,h3,h4,h5{font-weight:normal;}
input{vertical-align:middle; width:auto;}
input,textarea,select{font-size:1em; color:#333; font-family:'NotoSans',AppleSDGothicNeo-Light,NotoL,'나눔 고딕',Malgun Gothic,'맑은 고딕',sans-serif;}
ol,ul{list-style:none}
a{text-decoration:none; color:#666;}
img{vertical-align:top; border:0}
table{border-collapse:collapse;border-spacing:0; width:100%;}
em{font-style:normal;}
*/


/* sns로그인 */
.login_btns{
	clear: both;
    overflow: hidden;
    border-top: 1px solid #d6d6d6;
	padding-top:20px;
	margin-top:20px;
}

.snsbtn{
    margin:0 auto;
	padding:20px 0;
    width: 100%; 
    max-width:520px;
	box-sizing: border-box;
	font-size: 95%;
	color: #393939;
	display:inline-block
}
.snsbtn a{color:inherit}

.snsbtn1{
	    background: #1dc200 url(../images/common/snsbtn1.gif) no-repeat 25% center; color:#fff; width:100%; max-width:173px
}
.snsbtn2{
	background: #ffef3f url(../images/common/snsbtn2.gif) no-repeat 25% center; color:#000; width:100%; max-width:173px
}
.snsbtn3{
	background: #3b5998  url(../images/common/snsbtn2.gif) no-repeat 25% center; color:#fff; width:100%; max-width:173px
}



@media all  and (max-width:600px){
#mem_layout{width:100%}
   #login{}
   #login input[type=text]{width:95%}
   #login input[type=password]{width:95%}
   #login .button{width:95%; font-size:20px;}
#login p{width:95%; margin:0 0 0 0; padding-top:10px;}

ul.login_btns li{width:32%}
}

@media all  and (max-width:450px){
.snsbtn{
    margin:0 auto;
	padding:15px 0;
    width: 100%; 
    max-width:100%;
    display:block; 
}

ul.login_btns li{width:100%; margin-top:2px;}
}

}