/* ±âº» ÅؽºÆ® ½ºÅ¸ÀÏ */
.member_txt {font-size:12px; color:#333333}
.join_txt {font-size:12px; color:#666666}

/* ÅؽºÆ®¹Ú½º ½ºÅ¸ÀÏ */
.member_border {font-size:12px; color:#333333; border:1px solid #d4d4d4}

/* Ç׸ñ ½ºÅ¸ÀÏ */
.member_td_bgcolor {background-color:#f7f7f7; color:#000000; line-height:20px; padding:10px 10px;}

/* ȸ¿ø Áֹεî·Ï¹øÈ£/¿©±Ç¹øÈ£/¿Ü±¹Àεî·Ï¹øÈ£/¹ýÀιøÈ£ È®ÀÎ ½ºÅ¸ÀÏ */
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;}


/* table */
.t_m1 {border-collapse:collapse; border-top:2px solid #ccc; border-left:1px solid #CECECE;}
.t_m1 td {padding-top:5px; padding-bottom:5px; border-right:1px solid #CECECE; border-bottom:1px solid #CECECE;}
.t_m1 table td {border:none;}

.join_c { width:100%; margin:0 auto; }
.join_c table {width:98%;}
.join_c table table {width:100%; border-top:2px solid #666666; border-left:1px solid #e2e2e2;}
.join_c table table table, .join_c table table table td {border:0; padding:0; margin:0;}
.join_c table table td {font-size:12px; border-bottom:1px solid #e2e2e2; border-right:1px solid #e2e2e2; padding:10px 10px;}
.join_c td.tit {font-size:14px; font-weight:bold; padding:0px 0 10px 0 ;}
.join_c table table td.member_td_bgcolor {background-color :#f7f7f7; width:18%;}

.member_com {width:100%;}
.member_com table{width:100%; padding-bottom:25px;}
.member_com table td.tit{font-size:14px; font-weight:bold; padding:0px 0 10px 0 ;}
.member_com table td textarea {width:95%; height:120px; font-size:12px; color:#666666; padding:10px 10px; border:1px solid #bbb;}
.member_com input.checkbox {margin-top:5px;}

/*·Î±×ÀÎ */
.login_all {
    overflow: hidden;
    border: 1px solid #eee;
}
.member_Box01 {
    margin: 0 auto;
    width: 70%;
    padding: 20px;
    margin: 20px auto 20px;
}
.member_Box01 h3 {
    color: #666;
    font-size: 2.0em;
    font-weight: 600;
}
.member_Box01 p {
    margin: 5px 0 20px 0;
}
.member_Box01 input[type=text],
.member_Box01 input[type=password] {
    width: 100%;
    height: 35px;
    margin: 2px;
    padding-left: 10px;
    border: 1px solid #ccc;
}
.member_Box01 .act01 {
    overflow: hidden;
}
.member_Box01 .act01 .act_left {
    width: 70%;
    float: left;
}
.member_Box01 .act01 .act_left input {
    height: 35px;
}
.member_Box01 .act01 .act_right {
    width: 29%;
    float: right;
}
.member_Box01 .act01 .act_right input[name=login_ok] {
    width: 100%;
    height: 73px;
    background-color: #333;
    color: #fff;
    border: 1px solid #333;
}
.member_Box01 .act02 {
    width: 100%;
    margin-top:20px;
    text-align: right;
}
.member_Box01 .act02 ul li {
    text-align: center;
    font-size: 12px;
    color: #888;
    display: inline-block; 
}
.member_Box01 .act02 .btn-sm {
    margin: 0 0 10px 5px;
    padding:6px 7px 4px 7px;
}
/* ºñȸ¿ø */
.member_Box02 {
    clear:both; 
    margin: 0 auto;
    width: 70%;
    margin: 20px auto;
    padding: 20px;
}
.member_Box02 h3 {
    margin: 20px 0 0 0;
    font-size: 1.250em;
    line-height: 30px;
}
.member_Box02 p {
    margin: 0 0 20px 0;
    color: #666;
}
.member_Box02 .act03 {
    overflow: hidden;
}
.member_Box02 .act03 .act_left2 span {
    width: 29%;
    line-height: 35px;
    display: inline-block;
    background-color: #ddd;
    text-align: center;
    margin: 2px 2px 2px 0; 
    float:left;
}
.member_Box02 .act03 .act_left2 input {
    width: 70%;
    height: 35px;
    border: 1px solid #ccc;
    padding-left: 10px;
    float: right;
    margin: 2px 0;
}
.member_Box02 .order_ok button {
    width: 28%;
    float: right;
    text-align: center;
    margin: 10px 0 40px 0;
}
@media (max-width:768px) {
    .member_Box01,
    .member_Box02 {
        width: 100%;
    }
}