@import url(../img/youlbit/swf/css/base.css);
/* ±âº» ÅØ½ºÆ® ½ºÅ¸ÀÏ */
* {padding:0;margin:0;}
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;
 }
 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;
 }
 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;
 }
 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;
 }
 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;
 }
@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;
 }
 }