/* BASIC css start */
.inner_fix{width:740px !important;}
.join{ border-top:solid 2px #000;}
.join .tableBox{padding-top:32px;}
.join .tableBox .info-detail{padding-bottom:32px; border-bottom:solid 1px #D9D9D9;}
.join .tableBox .info-detail > li{padding-bottom:24px; display:flex; align-items: center; width:100%;}
.join .tableBox .info-detail >  li:last-child{padding-bottom:0;}
.join .tableBox .info-detail >  li > span{width:170px; font-size:14px; font-weight:500; line-height:17px; color:#1F1F1F; padding-bottom:8px; display:block;}
.join .tableBox .info-detail >  li > span.point::after{content:'*'; font-size:14px; font-weight:500; line-height:17px; color:#F06D48;}
.join .tableBox .info-detail >  li .input{width:calc(100% - 170px);}
.join .tableBox .info-detail >  li .input input[type=text],
.join .tableBox .info-detail >  li .input input[type=password]{width:100%;}
.join .tableBox .info-detail >  li .input input[disabled]{font-size:16px; font-weight:500; line-height:19px; color:#000; padding:12px 16px; background:#F2F2F2; display:inline-block; border:0;}
.join .tableBox .info-detail >  li .input input[type=checkbox][disabled]{padding:0;}
.join .tableBox .info-detail >  li .input.birthday dl{display:flex; justify-content:space-between; flex-wrap: wrap; font-size:0; line-height:0;}
.join .tableBox .info-detail >  li .input.birthday dl dd{width:calc((100% - 16px)/3); text-align:center; margin-left:8px;}
.join .tableBox .info-detail >  li .input.birthday dl dd:first-child{margin-left:0;}
.join .tableBox .info-detail >  li .input.birthday dl dd ul li label{font-size:0; line-height:0;}
.join .tableBox .info-detail >  li .input.birthday dl dd ul li input{appearance: none; -webkit-appearance: none; border:solid 1px #E0E0E0; padding:12px 16px; font-size:16px; line-height:19px; background:none; width:100%;}
.join .tableBox .info-detail >  li .input.gender{display:flex; justify-content:space-between; flex-wrap: wrap; font-size:0; line-height:0;}
.join .tableBox .info-detail >  li .input.gender label{width:calc((100% - 16px)/3); text-align:center; margin-left:8px; border:solid 1px #000; padding:12px 0; display:block; font-size:16px; font-weight:500; line-height:19px; color:#666;}
.join .tableBox .info-detail >  li .input.gender label:first-child{margin-left:0;}
.join .tableBox .info-detail >  li .input.gender label:has(> input:checked) {background:#000; color:#fff;}
.join .tableBox .info-detail >  li .input.gender label input{display:none;}
.join .tableBox .info-detail >  li .input.email input[type=email]{width:100% !important;}
.join .tableBox .info-detail >  li .input > p{width:100%; padding-top:4px;}
.join .tableBox .info-detail >  li .input > p span{font-size:12px; font-weight:500; line-height:14px; color:#999; }

.join .tableBox .user_age_wrap{padding-top:24px;}
.join .tableBox .user_age_wrap label{font-size:14px; font-weight:500; line-height:17px; color:#242424;}
.join .tableBox .user_age_wrap label input{margin-right:8px;}
.join .tableBox .user_age_wrap > span{font-size:12px; font-weight:500; line-height:14px; color:#999; display:block; padding-top:8px;}

.join .tableBox .joinBtn{ display:block; margin:0 auto; margin-top:96px; width:358px; background:#000; color:#fff; padding:12px 0; font-size:16px; font-weight:500; line-height:19px; text-align:center;}

.join .agree_box{margin-top:96px;}
.join .agree_box .agree_title{position:relative; padding-bottom:16px; border-bottom:solid 2px #000; margin-bottom:24px;}
.join .agree_box .agree_title span{font-size:20px; font-weight:700; line-height:24px; color:#000;}
.join .agree_box .agree_title label{position:absolute; right:0; top:0; font-size:14px; font-weight:500; line-height:17px; color:#242424;}
.join .agree_box .agree_title label input{margin-right:8px;}
.join .agree_box .detail_agree h4{font-size:14px; font-weight:500; line-height:17px; color:#000; padding-bottom:16px;}
.join .agree_box .detail_agree .privercy-contract > div:first-child{border:solid 1px #D9D9D9; padding:8px 14px 8px 8px; height:96px; overflow:auto; font-size:10px; font-weight:400; line-height:12px; color:#666; margin-bottom:8px;}
.join .agree_box .detail_agree .privercy-contract > div:first-child::-webkit-scrollbar{width:2px; background:rgba(36,36,36,0.1);}
.join .agree_box .detail_agree .privercy-contract > div:first-child::-webkit-scrollbar-thumb{width:2px; background:#000;}
.join .agree_box .detail_agree .privercy-contract > .privercy-chk{margin-bottom:35px;}
.join .agree_box .detail_agree .privercy-contract > .privercy-chk label,
.join .agree_box .detail_agree .privercy-contract > .privercy-chk label strong{font-size:12px; font-weight:500; line-height:14px; color:#242424;}
.join .agree_box .detail_agree table{width:100%;}
.join .agree_box .detail_agree table caption{display:none;}
.join .agree_box .detail_agree table colgroup col:last-child{width:72px !important}
.join .agree_box .detail_agree table tr th{border:solid 1px #D9D9D9; background:#F7F7F7; font-size:10px; font-weight:700; line-height:12px; color:#666; padding:8px 0;}
.join .agree_box .detail_agree table tr th input{display:none;}
.join .agree_box .detail_agree table tr th *{font-size:10px; font-weight:700; line-height:12px; color:#666;}
.join .agree_box .detail_agree table tr th:last-child{width:72px !important}
.join .agree_box .detail_agree table tr td{font-size:10px; font-weight:400; line-height:12px; color:#666; padding:10px 0; border:solid 1px #D9D9D9}
.join .agree_box .detail_agree table tr td * {font-size:10px; font-weight:400; line-height:12px; color:#666;}
.join .agree_box .detail_agree table tr td:first-child{font-weight:700;}
.join .agree_box .detail_agree table tr td:last-child:has(input){width:72px !important; text-align:center;}
.join .agree_box .detail_agree table + .privacy-noti{font-size:11px; font-weight:500; line-height:13px; color:#999; margin-bottom:32px;}
/* BASIC css end */