/* BASIC css start */
.tb-l{text-align:left;}
.tb-c{text-align:center;}
.pl-30{padding-left:15px;}
.pl-6{padding-left:6px;}

#join{width:900px;margin:55px auto 80px;color:#555;font-family:"Malgun Gothic","Nanum Gothic",Arial,sans-serif;}
#join h1.tit-join{position:relative;margin:0 0 34px;padding:0 0 18px;border:0;color:#222;font-size:28px;font-weight:700;line-height:1.3;letter-spacing:-1px;}
#join h1.tit-join:after{display:block;width:36px;height:3px;margin-top:12px;border-radius:2px;background:#cc0001;content:"";}
#join h3.cont-tit{position:relative;margin:32px 0 12px;padding-left:14px;background:none;color:#333;font-size:16px;font-weight:700;}
#join h3.cont-tit:before{position:absolute;left:0;top:3px;width:4px;height:15px;border-radius:2px;background:#cc0001;content:"";}

#join .red{color:#cc0001;}
#join .font-n{margin-left:8px;color:#999;font-size:11px;font-weight:400;}
#join .w137{width:220px!important;}
#join .w415{width:520px!important;}
#join .user_age_wrap{margin:18px 0;padding:14px 16px;border:1px solid #eee;border-radius:9px;background:#fafafa;}

#join .join-info{margin:0 0 18px;padding:0;color:#777;font-size:13px;line-height:1.7;background:none;}
#join .tb-tit{padding:15px 18px;border:1px solid #eee;border-bottom:2px solid #cc0001;border-radius:12px 12px 0 0;background:#fffafa;color:#333;font-size:14px;font-weight:700;}

/* 사업자 정보 입력 */
#companyInfo{margin-bottom:35px;}
#companyInfo .company-tb{width:100%;border:1px solid #eee;border-collapse:collapse;background:#fff;}
#companyInfo .company-tb th,#companyInfo .company-tb td{border:1px solid #eee;}
#companyInfo .company-tb th{width:150px;height:56px;padding:0 16px;background:#fafafa;color:#555;font-size:13px;font-weight:600;letter-spacing:-.5px;vertical-align:middle;text-align:left;}
#companyInfo .company-tb td{padding:8px 14px;background:#fff;vertical-align:middle;}
#companyInfo .company-tb .tb-l{padding-left:0;}
#companyInfo input[type="text"],#companyInfo input[type="password"],#companyInfo input[type="tel"],#companyInfo input[type="number"]{height:42px!important;padding:0 12px!important;border:1px solid #ddd!important;border-radius:8px!important;background:#fafafa!important;box-sizing:border-box!important;color:#333!important;font-size:13px!important;outline:none!important;}
#companyInfo input:focus{border-color:#cc0001!important;background:#fff!important;box-shadow:0 0 0 3px rgba(204,0,1,.06)!important;}

/* 담당자 정보 입력 */
#personInfo{margin-bottom:35px;}
#personInfo .person-tb{width:100%;border:1px solid #eee;border-collapse:collapse;background:#fff;}
#personInfo .person-tb th,#personInfo .person-tb td{border:1px solid #eee;}
#personInfo .person-tb th{width:150px;height:56px;padding:0 16px;background:#fafafa;color:#555;font-size:13px;font-weight:600;letter-spacing:-.5px;vertical-align:middle;text-align:left;}
#personInfo .person-tb td{padding:8px 14px;background:#fff;vertical-align:middle;}
#personInfo .person-tb .tb-l{padding-left:0;}
#personInfo .idpw-info{display:inline-block;margin-left:8px;color:#999;font-size:11px;line-height:1.5;letter-spacing:-.5px;}
#personInfo input[type="text"],#personInfo input[type="password"],#personInfo input[type="email"],#personInfo input[type="tel"],#personInfo input[type="number"]{height:42px!important;padding:0 12px!important;border:1px solid #ddd!important;border-radius:8px!important;background:#fafafa!important;box-sizing:border-box!important;color:#333!important;font-size:13px!important;outline:none!important;}
#personInfo input:focus{border-color:#cc0001!important;background:#fff!important;box-shadow:0 0 0 3px rgba(204,0,1,.06)!important;}

/* 추가 정보 */
#addInfo{margin-bottom:35px;}
#addInfo .addinfo-tb{width:100%;border:1px solid #eee;border-collapse:collapse;background:#fff;}
#addInfo .addinfo-tb th,#addInfo .addinfo-tb td{border:1px solid #eee;}
#addInfo .addinfo-tb th{height:48px;padding:0 16px;background:#fafafa;color:#555;font-size:13px;font-weight:600;vertical-align:middle;}
#addInfo .addinfo-tb td{padding:10px 14px;background:#fff;}

/* 본인인증 */
#join .ipin-confirm{height:auto;padding:24px 20px;border:1px solid #eee;border-radius:12px;background:#fafafa;text-align:center;color:#555;}
#join .ipin-confirm .chk-wrap{line-height:20px;vertical-align:middle;}
#join .ipin-confirm .chk-wrap i{display:inline-block;vertical-align:middle;}
#join .ipin-confirm .chk-wrap label{vertical-align:middle;line-height:1.4;}
#join .ipin-confirm .chk-wrap .first{margin-right:20px;}
#join .ipin-confirm p{margin:12px 0;color:#666;font-size:13px;line-height:1.7;}
#join a.ipin-svc{color:#cc0001;font-size:13px;font-weight:700;text-decoration:none;}

/* 버튼 */
#join .btn-area{text-align:center;margin:18px 0;}
#join .btn-area a{font-size:0;}
#join .ftr-btn{margin-top:45px;}
#join .ipin-btn{margin-top:30px;}

/* 약관 동의 */
#chkwrap{border:1px solid #eee;border-radius:12px;background:#fff;overflow:hidden;}
#chkwrap .all-chk{height:auto;padding:15px 20px;border-bottom:1px solid #eee;background:#fffafa;color:#222;font-size:14px;font-weight:700;line-height:1.5;}
#chkwrap .all-chk .input-cbox{width:15px;height:15px;margin-right:6px;accent-color:#cc0001;}
#chkwrap .cont ul:after{display:block;clear:both;content:"";}
#chkwrap .cont ul{width:auto!important;padding:16px 22px 14px!important;}
#chkwrap .cont ul li{float:left;width:50%!important;padding:7px 0;line-height:20px;}
#chkwrap .cont ul li a{display:inline-block;width:auto;height:auto;margin-left:6px;padding:3px 8px;border:1px solid #ddd;border-radius:5px;background:#fff;color:#666;font-size:11px;font-weight:400;line-height:1.4;text-align:center;text-decoration:none;}
#chkwrap .cont ul li a:hover{border-color:#cc0001;color:#cc0001;}
#chkwrap .cont strong{color:#222;}
#chkwrap .cont label{font-weight:600;}
#chkwrap .cont .marketing{padding:16px 22px;border-top:1px dashed #ddd;line-height:1.7;background:#fcfcfc;}
#chkwrap .cont .marketing .mk-wrap{height:auto;line-height:1.6;}
#chkwrap .cont .marketing .mk-wrap input{margin-top:0;accent-color:#cc0001;}

/* 이용 약관 */
h4.tit{position:relative;margin:42px 0 10px;padding-left:14px;color:#333;font-size:15px;font-weight:700;}
h4.tit:before{position:absolute;left:0;top:3px;width:4px;height:15px;border-radius:2px;background:#cc0001;content:"";}
#join .privercy-contract textarea{width:100%!important;height:165px;padding:14px;border:1px solid #ddd;border-radius:9px;background:#fafafa;box-sizing:border-box;color:#666;font-size:12px;line-height:1.7;resize:none;}

/* 개인정보 수집 테이블 */
#join .contract-tbl{width:100%;border-spacing:0;border-collapse:collapse;}
#join .contract-tbl th,#join .contract-tbl td{padding:10px;border:1px solid #e5e5e5;text-align:center;}
#join .contract-tbl th{background:#fafafa;color:#555;font-weight:600;}
#join .contract-tbl th div{height:auto;line-height:1.5;}
#join .contract-tbl tbody th{font-weight:normal;}

.btm-msg{padding-top:25px;color:#777;line-height:1.7;}

/* 기업회원 가입완료 버튼 */
#join .new-btn-area{text-align:center;margin:28px 0 0;padding-bottom:32px;border-bottom:1px solid #eee;}
#join .new-btn-area a{display:block;width:260px;height:54px;margin:0 auto;border:0;border-radius:10px;background:linear-gradient(135deg,#cc0001 0%,#b93333 100%);color:#fff;font-size:16px;font-weight:700;line-height:54px;text-align:center;text-decoration:none;box-shadow:0 7px 18px rgba(204,0,1,.17);transition:background .2s ease,box-shadow .2s ease,transform .2s ease;}
#join .new-btn-area a:hover{background:linear-gradient(135deg,#b93333 0%,#a72525 100%);box-shadow:0 9px 22px rgba(204,0,1,.22);transform:translateY(-2px);}

/* 이미지형 가입완료 · 돌아가기 버튼 */
#join .new-privercy-contract>.btn-area,#join>.btn-area{display:flex;justify-content:center;gap:10px;margin:28px 0 40px;}
#join .new-privercy-contract>.btn-area a,#join>.btn-area a{display:flex;width:190px;height:52px;align-items:center;justify-content:center;border-radius:10px;box-sizing:border-box;font-size:14px!important;font-weight:700;text-decoration:none;transition:all .2s ease;}
#join .new-privercy-contract>.btn-area a img,#join>.btn-area a img{display:none;}
#join .new-privercy-contract>.btn-area a:first-child,#join>.btn-area a:first-child{background:linear-gradient(135deg,#cc0001 0%,#b93333 100%);color:#fff;box-shadow:0 7px 18px rgba(204,0,1,.17);}
#join .new-privercy-contract>.btn-area a:first-child:after,#join>.btn-area a:first-child:after{content:"가입완료";}
#join .new-privercy-contract>.btn-area a:first-child:hover,#join>.btn-area a:first-child:hover{background:linear-gradient(135deg,#b93333 0%,#a72525 100%);box-shadow:0 9px 22px rgba(204,0,1,.22);transform:translateY(-2px);}
#join .new-privercy-contract>.btn-area a:last-child,#join>.btn-area a:last-child{border:1px solid #ddd;background:#fff;color:#555;}
#join .new-privercy-contract>.btn-area a:last-child:after,#join>.btn-area a:last-child:after{content:"돌아가기";}
#join .new-privercy-contract>.btn-area a:last-child:hover,#join>.btn-area a:last-child:hover{border-color:#cc0001;background:#fff5f5;color:#cc0001;transform:translateY(-2px);}
/* BASIC css end */