#pages_join {}

#pages_join h2 {font-family:"malgun gothic",dotum;font-size:20px;padding:0 0 10px 0;margin:0 0 30px 0;border-bottom:#999999 solid 3px;}
#pages_join h3 {font-family:"malgun gothic",dotum;font-size:15px;padding:30px 0 10px 0;}
#pages_join .msg {padding:0 0 25px 20px;color:#1C5B8C;font-family:dotum;line-height:150%;}
#pages_join .msg span {font-size:11px;color:#ff0000;}

#pages_join table {width:100%;border-spacing:0px;border-collapse:collapse;letter-spacing:-1px;border-top:#E6E6E6 solid 1px;color:#888;}
#pages_join table caption {display:none;}
#pages_join table thead {display:none;}
#pages_join tbody td {padding:12px 0 12px 0;border-bottom:#E6E6E6 solid 1px;color:#888;}
#pages_join tbody td div {padding:7px 0 0 0;line-height:150%;}
#pages_join tbody td .remail {position:relative;top:-3px;left:-2px;color:#111;}
#pages_join tbody td .btn {margin:1px;}
#pages_join tbody td .hmsg {font-weight:bold;color:#ff0000;}
#pages_join tbody td .hmsg .ok {color:#0000ff;}
#pages_join tbody td .pw_q1 {width:400px;margin:1px;}
#pages_join tbody td .pw_q2 {width:395px;}
#pages_join .key {font-weight:bold;padding-left:20px;width:150px;color:#111;}
#pages_join .key span {font-weight:normal;font-size:12px;font-family:arial;color:#ff0000;padding:0 0 0 5px;}

.join-wrap{
    float: left;
    width: 100%;
    border: 1px solid #ddd;
    box-sizing: border-box;
    margin-bottom: 30px;
    padding-bottom: 30px;
}
.join-wrap .title{
    float: left;
    width: 100%;
    height: 46px;
    padding: 13px 20px;
    font-size: 13px;
    box-sizing: border-box;
    font-family: 'notokr-medium',sans-serif;
    border-bottom: 1px solid #ddd;
    color: #333;
    background-color: #f5f5f5;
}
.join-wrap .box{
    float: left;
    width: 100%;
    padding: 16px 16px 0 16px;
    box-sizing: border-box;
    display: table;
    table-layout: fixed;
}
.join-wrap .box.half{
    width: 50%;
}
.join-wrap .box .label{
    width: 178px;
    text-align: right;
    padding-right: 30px;
    box-sizing: border-box;
    font-family: 'notokr-medium',sans-serif;
    display: table-cell;
    vertical-align: middle;
}

.join-wrap .box .input-wrap{
    width: calc(100% - 178px);
    display: table-cell;
    vertical-align: middle;
}

.join-wrap .box .input-wrap select{
    float: left;
    width: 50%;
    margin-right: 10px;
    padding: 7px 7px;
    font-family: 'notokr-regular',sans-serif;
    border: 1px solid #dfdfdf;
}

.join-wrap .box .input{
    float: left;
    width: 237px;
    padding: 6px 8px;
    outline: none;
}
.join-wrap .box .input:hover,
.join-wrap .box .input:active{
    background: #fff;
}
.join-wrap .box .input.half{
    float: left;
    width: calc(50% - 18px);
    margin: 9px 0 0 0;
}
.join-wrap .box .caption{
    float: left;
    width: 100%;
    margin: 4px 0 0 4px;
    font-size: 12px;
    color: #b2b2b2;
}
.submitbox{
    float: left;
    width: 100%;
    text-align: center;
    padding: 0 0 20px 0;
}
.submitbox .btn{
    padding: 4px 9px;
    margin: 0 2px;
    background-color: #f8f8f8;
    border: 1px solid #e8e8e8;
    border-radius: 2px;
    cursor: pointer;
}
.submitbox .btn:hover{
    background-color: #f5f5f5;
}
.submitbox .btn:active{
    background-color: #f0f0f0;
}
.submitbox .btn.btn-cancel{

}
.submitbox .btn.btn-signup{
    background-color: #6f6f6f;
    border: 1px solid #646464;
    color: #fff;
}
.submitbox .btn.btn-signup:hover{
    background-color: #797878;
}
.submitbox .btn.btn-signup:active{
    background-color: #636363;
}