@import url(../img/youlbit/swf/css/base.css);
/* ±âº» ÅؽºÆ® ½ºÅ¸ÀÏ */
* {padding:0;margin:0;line-height:150%;}
img {border:0}
img, a{border:0;selector-dummy:expression(this.hideFocus=true);}
p,h1,h2,h3,h4,h5,h6,form,input,ul,li,dl,dt,dd {margin:0;padding:0;}
li{ list-style:none;}
h2{
  color:#333;
  font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
  font-size:23px;
  font-weight:700;
  margin-top: 5px;
  margin-bottom:25px;
  letter-spacing:-0.05em;
  line-height:150%;
 }
 a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
.member_txt {color:#555}
.member_txt td {padding:5px;}
table.member_txt tr{height:30px;border-top:1px solid #e5e5e5}
.join_txt {font-size:11px;color:#666666}
/* ÅؽºÆ®¹Ú½º ½ºÅ¸ÀÏ */
.member_border {font-size:13px;color:#333333;border:1px solid #D4D4D4;}
/* Ç׸ñ ½ºÅ¸ÀÏ */
.member_td_bgcolor {width:130px;background-color:#F7F7F7;font-size:13px;color:#333;}
/* ȸ¿ø Áֹεî·Ï¹øÈ£/¿©±Ç¹øÈ£/¿Ü±¹Àεî·Ï¹øÈ£/¹ýÀιøÈ£ È®ÀÎ ½ºÅ¸ÀÏ */
ul.member_list {margin:10px 0 0 0;}
ul.member_list li {margin:0 0 15px 0;}
ul.member_list li input {margin:-2px 0 0 0; vertical-align:middle;}
.member_divide {width:100%; font-size:12px; border-top:1px solid #cecece; border-bottom:1px solid #cecece;}
.member_divide th {padding:7px 10px 6px 10px; color:#555; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; background:#f7f7f7;}
.member_divide td {padding:5px 10px 4px 10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;}
.member_divide td.member_list_bg {color:#555; background:#f7f7f7;}
.member_divide td.member_cont {height:170px; padding:15px 10px; vertical-align:top; border-right:none; border-bottom:none;}
.member_info {}
.member_info dl {}
.member_info dt {clear:both; float:left; width:100px; height:13px; margin:0 0 5px 0; padding:4px 0 0 0;}
.member_info dt input {margin:-2px 0 0 0; vertical-align:middle;}
.member_info dt.foreigner_info {width:220px; margin:0;}
.member_info dd {margin:0 0 5px 0;}
.member_info dd.foreigner_info2 {float:left; margin:2px 0 0 0;}
.login_box { 
	width:100%;	
	border:1px #E2E2E2 solid;
	border-radius:10px;
	margin:0 auto;
	padding:20px 0; 
	text-align:center; 
	color:#555; 
	font-weight:500;
	font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
	font-size:14px;
	}
.login_box div h2{	
	color:#fff; 
	background:#333;
	width:90%;
	margin:0 auto 20px;
	padding-top:5px;
	padding-bottom:5px;
}
.login_box div b{	
	color:#555; 
	font-weight:500;
	font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
	font-size:15px;
}
.login_box .txt_01  { text-align:right; padding-right:10px; font:bold 12px/1.0em dotum; }
.login_box .box  {
	border:1px #cdcdcd solid; 
	padding:2px; 
	width:70%;
	height:30px;
	background-color:#f6f6f6;
	display:block;
	float:left;
	}
.login_box .find   { border-top:1px #eaeaea solid; margin-top:25px; padding:25px 44px 0  0; text-align:right; font:11px/1.2em dotum; color:#777; }
.login_title{display:inline-block;width:60px;font-weight:bold;text-align:right;margin-right:10px;}
.login_input{height:21px; width:60%;}
.login_box_row{width:550px;overflow:hidden;margin:0 auto 30px;}
.login_box_row2{width:100%;overflow:hidden;margin:0 auto 30px;}
.login_box ul{ 
	float:left;
	overflow:hidden;
	width:70%;
	margin:0 auto;
	}
.login_box ul li{
	margin-bottom:10px;
	padding-bottom:5px;
	overflow:hidden;
	clear:both;
	}
.login_box .login_btn{ 
	float:left;
	width:120px;	
	margin-top:10px;
	}
.login_box .login_box_row2  ul{ 
	float:none;
	overflow:hidden;
	width:90%;
	margin:0 auto;
	}
.login_box  .login_box_row2 .login_btn{ 
	float:none;
	width:120px;	
	margin:10px auto 0;
	}
.login_box .login_btn2{ 
	float:right;
	clear:both;	
	text-align:left;
	}
.login_box .login_btn3{ 
	float:none;
	clear:both;	
	text-align:center;
	}
.login_box .login_btn4{ 
	float:none;
	width:120px;
	clear:both;	
	margin:10px auto;
	}
.login_id{
	display:inline-block;
	width:60px;
	float:left;
	margin:5px 20px;
	font-weight:700;
}
.login_pass{
	display:inline-block;
	width:60px;
	float:left;
	margin:5px 20px;
	clear:both;
	font-weight:700;
}
.login_search{
	display:block;
	width:180px;
	float:left;
	margin:10px 20px;
	clear:both;
	font-weight:700;
}
a.btn_big, .btn_big{
 display:block;
 float:left;
 width:100%;
 margin-right:5px;
 margin-bottom:5px;
 padding-top:10px;
 padding-bottom:10px;
 color:#FFFFFF;
 font-weight:bold;
 font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
 font-size:15px;
 text-align:center;
 background:#333;
 border:1px solid #ECECEC;
 cursor:pointer;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
 }
 a.btn_big, .btn_big:hover{
	color:#FFFFFF; 
	background:#D91C22;
	border:1px solid #ECECEC;
 }
 a.btn_big2, .btn_big2{
 display:inline-block;
 width:100px;
 margin-right:5px;
 margin-bottom:5px;
 padding-top:10px;
 padding-bottom:10px;
 color:#FFFFFF;
 font-weight:bold;
 font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
 font-size:15px;
 text-align:center;
 background:#333;
 border:1px solid #ECECEC;
 cursor:pointer;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
 }
 a.btn_big2, .btn_big2:hover{
	color:#FFFFFF; 
	background:#D91C22;
	border:1px solid #ECECEC;
 }
 input.btn_small, a.btn_small, .btn_small{
 display:block;
 float:left;
 width:100px;
 margin-right:5px;
 margin-bottom:5px;
 padding-top:5px;
 padding-bottom:5px;
 color:#FFFFFF;
 font-weight:500;
 font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
 font-size:13px;
 text-align:center;
 background:#999;
 border:1px solid #ECECEC;
 cursor:pointer;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
 }
  input.btn_small:hover, a.btn_small:hover, .btn_small:hover{
	color:#FFFFFF; 
	background:#D91C22;
	border:1px solid #ECECEC;
 }
 input.btn_small2, a.btn_small2, .btn_small2{
 display:inline-block;
 width:100px;
 margin-right:5px;
 margin-bottom:5px;
 padding-top:5px;
 padding-bottom:5px;
 color:#FFFFFF;
 font-weight:700;
 font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
 font-size:13px;
 text-align:center;
 background:#333;
 border:1px solid #ECECEC;
 cursor:pointer;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
 }
 input.btn_small2:hover, a.btn_small2:hover, .btn_small2:hover{
	 color:#FFFFFF; 
	 background:#D91C22;
	 border:1px solid #ECECEC;
 }
 input.btn_small3,  a.btn_small3, .btn_small3{
 display:inline-block;
 width:100px;
 margin-right:5px;
 margin-bottom:5px;
 padding-top:5px;
 padding-bottom:5px;
 color:#FFFFFF;
 font-weight:700;
 font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
 font-size:13px;
 text-align:center;
 background:#999;
 border:1px solid #ECECEC;
 cursor:pointer;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
 }
 input.btn_small3:hover,  a.btn_small3:hover, .btn_small3:hover{
	color:#FFFFFF; 
	background:#D91C22;
	border:1px solid #ECECEC;
 }
@media screen and (max-width: 768px) { 
	.login_search{
		 display:block;
		 width:150px;
		 float:left;
		 margin:10px 20px;
		 clear:both;
		 font-weight:700;
	}
	.login_title{display:inline-block;width:40px;font-weight:bold;text-align:right;margin-right:10px;}
 }
@media screen and (max-width: 639px) {
	.login_box_row{width:100%;}
	.login_box ul{ 
		float:none;
		overflow:hidden;
		margin:0 auto;
	}
	.login_box .login_btn{ 
		float:none;
		margin:15px auto 30px;
		clear:both;
	}
	.login_box .box  {		
		width:60%;		
	}
	.login_id{		
		width:60px;
		margin:5px;		
	}
	.login_pass{		
		width:60px;		
		margin:5px;
		clear:both;
	}
 }