
.join_con {width: 100%;height: auto;position: relative;}
.join_con .join_logo {width: 171px;height: 93px;background-image: url(img/hd_logo.png);margin: 0 auto;margin-bottom: 30px;}
.join_con .join_form {width: 465px;height: auto;position: relative;margin: 0 auto;}
.join_con .join_form .join_box {width: 100%;height: auto;position: relative;background-color: #1b1b1b;border: 1px solid #484848;}
.join_con .join_form .join_item{width:100%;height:auto;position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;border-bottom:1px solid #484848}
.join_con .join_form .join_item .join_input_box{width:100%;height:auto;position:relative;padding:20px}
.join_input {width: 100%;height: 40px;position: relative;}
.join_input > input{width:100%;height:100%;background-color:#2e2e2e;border:1px solid #484848;padding:0 15px}
.join_con .join_form .join_item .join_input_box > p{font-size:0.875rem;font-weight:300;margin-top:10px;color:#ff0000;display: none;}
.join_con .join_form .join_item .join_check{width:-webkit-calc(100% - 395px);width:-moz-calc(100% - 395px);width:calc(100% - 395px);height:auto;position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}
.join_con .join_form .join_item .join_check > span{width:40px;height:40px;position:relative;background-position:center;background-repeat:no-repeat;-webkit-background-size:contain;background-size:contain}
.join_con .join_form .join_item .join_check > span.check_icon_01 {background-image: url(img/join_icon_01.png);}
.join_con .join_form .join_item .join_check > span.check_icon_02{background-image:url(img/join_icon_02.png)}
.join_con .join_form .join_item .join_check > span.check_icon_03{background-image:url(img/join_icon_03.png)}
.join_button {width: 100%;height: 50px;position: relative;margin-top: 20px;}
.join_button > button{width:100%;height:100%;border:none;background-color:#e49c12;font-size:1rem;font-weight:900;color:#1b1b1b;border-radius:5px}
.join_button > button:hover {background-color: #ffbf44;}
