/* BASIC css start */
.pageWrap { *zoom:1 }
.pageWrap:after { display:block; clear:both; content:'' }
.page-cont { padding-top:65px; float:right; width:960px }
#aside { margin-top:70px }
.my_modify {  }

.new-privercy-contract {padding:12px 0 5px }
.btnArea{ padding-top:30px; text-align:center }
.btnArea:after{content:"";display:block;clear:both;}
.btnArea .left{float:left;width:50%;}
.btnArea .right{float:right;width:50%;}
.btnArea .center{text-align:center;}

/* input */
.small-input, .normal-input, .large-input {height:31px; line-height:31px; border:1px solid #ddd;padding:0 10px;}
.MS_select { height:31px;}
.small-input{width:83px;}
.normal-input{width:265px }
.before-input { margin-right:0; padding:0 10px; width:418px; height:48px; font-size:16px; line-height:48px; border:1px solid #ddd }
.before-input-num { margin-right:0; padding:0 10px; width:115px; height:48px; font-size:16px; line-height:48px; border:1px solid #ddd }
.before-input-num2 { margin-right:0; padding:0 10px; width:191px; height:48px; font-size:16px; line-height:48px; border:1px solid #ddd }
.large-input{width:625px;}
.MS_input_tel { width:113px }
input#oaddress { width:625px }
input#hphone,
input#ophone,
input#etcphone { width:235px !important }
input#email1 { width:115px }
select#email2 { margin:2px 0 0 3px !important; padding-left:10px; width:138px; height:50px; font-size:16px; line-height:50px; border:1px solid #ddd }
input#email3 { width:115px }
.MS_birthday { font-size:16px }

/* button */
.cbtn{display:inline-block;font-size:14px;color:#fff;min-width:98px;height:38px;line-height:38px;border:1px solid #000;text-align:center;background:#000;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.cbtn.form{}
.cbtn.form.action{background-color:#fff;color:#000;}
.cbtn.form:hover{background-color:#fff;color:#000;}
.cbtn.form.action:hover{background-color:#fff;color:#000;}
.joincbtn {display:inline-block;font-size:14px;color:#fff;min-width:438px;height:48px;line-height:48px;border:1px solid #000;background:#000;text-align:center;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.joincbtn.form{}
.joincbtn.form.action{background-color:#fff;color:#000;}
.joincbtn.form:hover{background-color:#fff;color:#000;}
.joincbtn.form.action:hover{background-color:#fff;color:#000;}

.before-btn { padding-top:55px }
.before-btn a { width:438px; height:62px; font-size:18px; font-weight:600; line-height:62px }

#join .cateTit { font-size:26px; font-weight:700 }

/* 서브 타이틀 */
#companyInfo{margin-bottom:44px;}
#join .tb-tit{font-size:20px;color:#000;padding-top:1px;height:38px;line-height:38px;}
#join .tb-tit .font-n{color:#8e8e8e;}

/* 로그인 전 */
.loginBeforeWrap { margin:0 auto; width:440px }
.loginBeforeWrap .infoInputBox { padding-top:30px }
.loginBeforeWrap .infoInputBox .joinTitleArea { padding-top:20px; *zoom:1 }
.loginBeforeWrap .infoInputBox .joinTitleArea:after { display:block; clear:both; content:'' }
.loginBeforeWrap .infoInputBox .joinTitleArea .joinTitle { float:left; font-size:20px; color:#000 }
.loginBeforeWrap .infoInputBox .joinTitleArea .joinNoti { float:right; font-size:13px; color:#ff0022 }
.loginBeforeWrap .infoInputBox dl { padding-top:30px }
.loginBeforeWrap .infoInputBox dt { font-size:16px; color:#000 }
.loginBeforeWrap .infoInputBox dt .empha { color:#ff0022 }
.loginBeforeWrap .infoInputBox dd { margin-top:10px }
.loginBeforeWrap .infoInputBox dd #company_num3 { width:117px }
.loginBeforeWrap .infoInputBox dd .ssnCheckBtn { margin-top:10px }
.loginBeforeWrap .infoInputBox dd .desc { padding-top:8px; font-size:14px; color:#999 }
.loginBeforeWrap .infoInputBox dd .companyZip { padding-bottom:5px; font-size:0 }
.loginBeforeWrap .infoInputBox dd .companyZip .zip-input { width:318px }
.loginBeforeWrap .infoInputBox dd .companyZip .zipbtn { min-width:98px }
.loginBeforeWrap .infoInputBox.personInfoBox { margin-top:60px; border-top:1px solid #ddd }
.loginBeforeWrap .infoInputBox dd #hphone,
.loginBeforeWrap .infoInputBox dd #etcphone { width:418px !important }
.loginBeforeWrap .infoInputBox dd .birth { display:inline-block; font-size:0 }
.loginBeforeWrap .infoInputBox dd .birth .MS_birthday { width:106px; height:48px; font-size:16px; padding-left:10px; border:1px solid #ddd }
.loginBeforeWrap .infoInputBox dd .birth .MS_birthday:first-child { margin-right:5px }
.loginBeforeWrap .infoInputBox dd .birth .MS_birthday:last-child { margin-left:5px }
.loginBeforeWrap .infoInputBox dd .sex { display:inline-block; font-size:0; vertical-align:middle }
.loginBeforeWrap .infoInputBox dd .sex label { margin-left:10px; font-size:16px }
.userPrivacyWrap { margin:0 auto; padding-top:50px; width:440px }
.userPrivacyWrap .tit { font-size:16px; color:#000 }

.idpw-info { display:block; margin-top:10px; font-size:14px; color:#999; vertical-align:middle; }


/* table */
.person-tb { margin-top:12px; border-top:1px solid #000 }
.person-tb th, .person-tb td {height:33px;border-bottom:1px solid #ddd;}
.person-tb th { padding:13px 10px 13px 34px; background-color:#f9f9f9; vertical-align:middle; text-align:left; font-size:14px; color:#666; font-weight:400 }
.person-tb td { padding:13px 0 13px 50px; vertical-align:middle; }
.person-tb .head-cell{position:relative;padding-top:6px;}
.person-tb .head-cell .empha { font-size:14px; color:#ff0022 }
.person-tb .col-cell{ font-size:14px }
.person-tb .company-num input, .person-tb .corp-num input{height:38px; line-height:38px; border:1px solid #ddd;padding:0 10px;}
.person-tb #company_post1,
.person-tb #hpost { width:88px !important }
.person-tb  #company_num1{width:73px;}
.person-tb  #company_num2{width:35px;}
.person-tb  #company_num3{width:73px;}
.person-tb  #company_corp1{width:112px;}
.person-tb  #company_corp2{width:111px;}
.person-tb .MS_select { height:38px; padding:0 0 0 10px; border: 1px solid #ddd; }
.person-tb .col-cell.social { font-size:0 }
.person-tb .col-cell.social .MS_select,
 { margin-right:5px; width:144px; font-size:14px }
.person-tb .col-cell.social label { margin-right:10px; font-size:14px; vertical-align:middle }
.person-tb .col-cell.social .MS_radio{margin-left:20px;margin-right:5px;}
.person-tb .file-upload{display:inline-block;vertical-align:middle;}
.person-tb .user-image{margin-right:23px;}
.person-tb .file-upload input{height:auto !important;padding:0;line-height:0 !important }
.person-tb #email2{width:158px; font-size: 14px; }
.person-tb #direct_email { margin-top:0 !important; width:auto }
.person-tb .zipAddr { margin-top:5px }
.person-tb .zipAddr input { width:335px }
.person-tb .before-input { margin-right:0; padding:0 10px; width:418px; height:38px; font-size:14px; line-height:38px; border:1px solid #ddd }
.person-tb .before-input-num { margin-right:0; padding:0 10px; width:115px; height:38px; font-size:14px; line-height:38px; border:1px solid #ddd }
.person-tb .before-input-num2 { margin-right:0; padding:0 10px; width:191px; height:38px; font-size:14px; line-height:38px; border:1px solid #ddd }

.person-tb .email-area input.MS_input_txt, .person-tb .before-input.MS_input_tel { width: 158px; box-sizing: border-box; }

.email-area span { display:inline-block; margin:0 2px 0 3px; font-size:14px; vertical-align:middle }
.email-area .emailBtn { margin-top:5px }
.email-area .emailBtn a { width:438px }

#hphone1,
#etcphone1 { width:142px; height:48px; font-size:16px; padding-left:10px; border:1px solid #ddd }
.MS_select.MS_birthday {width: 142px; margin-right: 5px; }

/* 추가 정보 입력 */
#addInfo{padding-top:40px;}
.addinfo-tb th, .addinfo-tb td{border:1px solid #e9e9e9;vertical-align:middle;}
.addinfo-tb th{padding:10px 34px;font-size:14px;line-height:20px;text-align:left;}
.addinfo-tb td{padding:13px 31px;}
.addinfo-tb .MS_input_txt{height:31px;line-height:31px; border:1px solid #ddd;padding:0 10px;min-width:402px;}
.addinfo-tb .MS_textarea{border:1px solid #ddd;padding:10px;}
.addinfo-tb input[type="checkbox"], .addinfo-tb input[type="radio"]{margin-left:20px;margin-right:5px;}
.addinfo-tb input[type="checkbox"]:first-child, .addinfo-tb input[type="radio"]:first-child,
.addinfo-tb .col-cell br+input{margin-left:0;}
/* 회원가입 경로 입력창 너비 제한 */
#addInfo .MS_input_txt {
  width: 100% !important;
  max-width: 280px !important;
  box-sizing: border-box !important;
}

/* 약관 동의 */
#chkwrap { border:1px solid #ddd !important }
#chkwrap .all-chk { height: 66px !important; line-height: 66px !important; padding: 0 25px !important; font-size: 16px !important; border-bottom: none !important; }
#chkwrap .all-chk .input-cbox { margin-right:5px; width: 18px !important; height: 18px !important; } 
#chkwrap .p10 { margin: 0 25px !important; padding: 0 !important; border-top: 1px solid #ddd; }
#chkwrap .cont ul:after { clear: both; content: ""; display: block; }
#chkwrap .cont ul { width:100% !important; }
#chkwrap .cont ul li { margin-top: 20px; margin-left:0 !important; padding: 0 !important; position: relative; float: none !important; width: 100% !important; padding-left: 0px; line-height: inherit !important; letter-spacing: 0 !important; }
#chkwrap .cont ul li a { position: absolute; top: -1px; right: 0; margin-top: 0 !important; width: 28px !important; height: auto !important; font-size: 0 !important; border: 0 !important; background: none !important; }
#chkwrap .cont ul li a:after {  display: inline-block;  content:'보기'; font-size: 12px; color: #999; text-decoration: underline; }
#chkwrap .cont strong { color:#000; font-weight:400 !important }
#chkwrap .cont label { font-weight:400 !important }
#chkwrap .cont .marketing { position: repative; border-top: none !important; padding-left: 0 !Important; }
#chkwrap .cont .marketing .mk-wrap { height:48px; line-height:48px; }
#chkwrap .cont .marketing .mk-wrap input { margin-top:-1px; *margin-top:0; }
#chkwrap .cont .marketing .txt { display:none }

h4.tit { margin-top: 50px; margin-bottom: 5px; padding-left:5px; font-size: 14px; font-weight: bold; }

/* 이용 약관 */
#join .privercy-contract textarea { width:97%; height:165px; }
/* 개인정보 수집이용, 제3제공, 취급위탁 테이블 */
#join .contract-tbl { width:100%; border-spacing:0; border-collapse:collapse; }
#join .contract-tbl th,
#join .contract-tbl td { border:1px solid #e0e0e0; text-align:center; }
#join .contract-tbl th { background: #fcfcfc; }
#join .contract-tbl th div { height:41px; line-height:43px; }
#join .contract-tbl tbody th { font-weight:normal; }
#join .user_age_wrap {margin:10px 0px;}

.btm-msg { margin-top:0 !important; padding-top:30px; font-size:14px; line-height:18px; }

.join-footer{text-align:center;}
.join-footer .cbtn.form{width:138px;height:38px;line-height:38px;font-size:16px;margin:0 5px;}

/* 이용약관 레이어 */
.termsLayer { display:none; position:fixed; top:0; left:0; right:0; bottom:0; font-size:0; text-align:center; background:rgba(0,0,0,0.5); z-index:9999 }
.termsLayer h4.tit { font-size: 16px; text-align: left; padding: 0; margin: 0 0 20px 0; }
.termsLayer:before { display:inline-block; width:0; height:100%; vertical-align:middle; content:'' }
.termsLayer .inner { display:inline-block; padding: 35px 30px; position:relative; width:1000px; max-height:90%; background:#fff; vertical-align:middle; box-sizing: border-box; }
.termsLayer .inner .layerClose { margin:0 !important; position:absolute; top:14px; right:12px; font-size:32px; cursor:pointer }
.termsLayer .privercy-contract textarea { width:100% !important; height:500px !important; border: none; color: #666; font-size: 14px; padding: 0 5px 0 0; }
.privacyTerms2Layer #chk_cont4 { display:none }
.privacyTerms2Layer #chk_cont4 ~ .contract-tbl { display:none }
.privacyTerms4Layer #chk_cont2 { display:none }
.privacyTerms4Layer #chk_cont2,
.privacyTerms4Layer .contract-tbl:nth-child(2),
.privacyTerms4Layer .contract-tbl:nth-child(4)  { display:none }
/* BASIC css end */