@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;
}
 }