/* BASIC css start */
#side { display: none !important; }
#contentWrapper { background: rgb(244, 244, 244); padding-bottom: 100px; }
#content {margin:0 auto;}
#layout_footer { margin-top: 0px !important; }

#join { text-align: center; padding: 100px 0px; }
#joinWrap { width: 560px; margin: 30px auto 0px; background: rgb(255, 255, 255); border-radius: 40px; padding: 60px 60px 70px 45px; box-sizing: border-box; box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 8px; }
.h3_wrap { clear: both; text-align: center; margin-top: 0px; margin-bottom: 30px; }
.h3_wrap > h3 { text-align: center; padding: 0px; margin: 0px; background: none; font-size: 28px; color: rgb(25, 25, 25);  font-weight: 500; line-height: 1; }
#joinWrap p { text-align: left; color: rgb(153, 153, 153); font-size: 18px;  margin-top: 20px; line-height: 1; }

.new-privercy-contract { padding: 40px 0px 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 rgb(221, 221, 221); padding: 0px 10px; }
.MS_select { height: 31px; }
.small-input { width: 83px; }
.normal-input { width: 265px; }
.large-input { width: 625px; }
.MS_input_tel { width: 100px; }
input#oaddress { width: 625px; }
input#hphone, input#ophone, input#etcphone {/* width: 235px !important; */}
input#company_addr,
input#haddress1,
input#haddress2 {position: absolute;top: 0px;left: 0px;width: 100%;height: 60px;line-height: 60px;padding: 0px;margin: 0px;font-size: 18px;font-weight: normal;color: rgb(51, 51, 51);opacity: 0;border: 0;border-bottom: 1px solid #000;}

/* button */
.cbtn { display: inline-block; font-size: 11px; color: rgb(0, 0, 0); min-width: 98px; height: 31px; line-height: 32px; border: 1px solid rgb(0, 0, 0); text-align: center; transition: all 0.3s ease 0s; }
.cbtn.form {width: 110px;height: 35px;line-height: 35px;border-radius: 5px;background: #555555;font-size: 14px;color: #fff;border: 0;}
.cbtn.form.action { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); }
.cbtn.form:hover { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); }
.cbtn.form.action:hover { background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); }

.btnArea { }
.btnArea::after { content: ""; display: block; clear: both; }
.btnArea .left { float: left; width: 50%; }
.btnArea .right { float: right; width: 50%; }
.btnArea .center { text-align: center; }

/* table */
.person-tb th, .person-tb td { height: 33px; border-bottom: 1px solid rgb(233, 233, 233); }
.person-tb th { padding: 13px 10px 13px 34px; background-color: rgb(248, 248, 248); vertical-align: top; color: rgb(0, 0, 0); text-align: left; font-size: 14px; font-weight: 500; }
.person-tb td { padding: 13px; vertical-align: middle; }
.person-tb .head-cell { position: relative; padding-top: 6px; }
.person-tb .head-cell .empha { position: absolute; top: 6px; left: -10px; font-size: 14px; color: rgb(248, 87, 79); }
.person-tb .col-cell.email-area {position: absolute;top: 50%;right: 0;transform: translateY(-50%);}
.person-tb .company-num input, .person-tb .corp-num input { height: 31px; line-height: 31px; border: 1px solid rgb(221, 221, 221); padding: 0px 10px; }
.person-tb #company_num1 {width: 125px;}
.person-tb #company_num2 {width: 52px;}
.person-tb #company_num3 {width: 125px;}
.person-tb #company_corp1 {width: 215px;}
.person-tb #company_corp2 {width: 215px;}
.person-tb .idpw-info { vertical-align: middle; }
.person-tb .MS_select {height: 35px;line-height: 35px;width: 80px;text-align: center;border: 0;background: none;padding: 0;font-size: 18px;color: rgb(51, 51, 51);}
.person-tb .MS_select[name="birthyear"] {width: 70px;text-align: left;}
.person-tb .MS_select + .MS_select {border-left: 1px solid #dbdbdb;}
.person-tb .col-cell.social { }
.person-tb .col-cell.social .MS_select { margin: 0px 5px; }
.person-tb .col-cell.social .MS_select:first-child { margin-left: 0px; }
.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 { padding: 0px; height: auto !important; line-height: 0 !important; }
.person-tb .email-area span { font-size: 12px; display: inline-block; width: 12px; vertical-align: middle; margin-left: -1px; }
.person-tb #email2 { width: 158px; }
.person-tb #direct_email { width: auto; margin-top: 0px !important; }


#join .page-body { width: 100%; margin: 0px auto; text-align: left; }
#join .person-tb { margin-bottom: 12px; }
#join .person-tb li {position: relative;background: rgb(255, 255, 255);text-align: left;}
#join .person-tb li label {width: 100%;font-size: 18px;font-weight: normal;color: rgb(219, 219, 219);height: 60px;line-height: 60px;border-bottom: 1px solid #dbdbdb;}
#join .person-tb li label .blck {color: #333; margin-right:5px;}
#join .person-tb li .txt-input {position: absolute;top: 0px;left: 0px;width: 100%;height: 60px;line-height: 60px;padding: 0px;margin: 0px;font-size: 18px;font-weight: normal;color: rgb(51, 51, 51);opacity: 0;border: 0;border-bottom: 1px solid #000;}
#join .person-tb li .input-radio { width: 14px; height: 14px; margin: -2px 0px 0px; padding: 0px; vertical-align: middle; }
#join .person-tb li .btn { display: block; position: absolute; top: 6px; right: 8px; width: 83px; height: 34px; line-height: 36px; font-size: 14px; font-weight: bold; color: rgb(255, 255, 255); text-align: center; }
#join .person-tb li.birth::after { clear: both; display: block; content: ""; }
#join .person-tb li.birth { line-height: 51px; }
#join .person-tb li.birth .birth_txt { width: 150px; margin-left: 0px; font-size: 13px; font-weight: bold; text-align: left; color: rgb(5, 73, 187); padding-bottom: 5px; }
#join .person-tb li.birth dl dd { position: relative; float: left; width: 100px; margin-left: 10px; font-size: 14px; font-weight: bold; }
#join .person-tb li.birth dl dd:first-child { width: 100px; margin-left: 0px; }
#join .person-tb li.birth dl.type2 ul li { margin: 0px; padding: 0px; border: 0px; }
#join .person-tb li.birth dl.type2 ul li .txt-input { left: 0px; width: 90%; }
#join .person-tb li:first-child .col-cell {position: absolute;top: 50%;right: 0;transform: translateY(-50%);}
#join .person-tb li.gender { }
#join .person-tb li.gender label { margin-right: 30px; }
#join .join-msg li label { font-size: 18px;  font-weight: normal; color: rgb(51, 51, 51); margin-right: 0px; }
#join .join-msg li { padding-left: 2px; color: rgb(153, 153, 153); font-size: 14px; line-height: 1.5;  margin-bottom: 10px; }
#join .bottom-btn { padding: 40px 0px; text-align: center; }
#join .bottom-btn a { display: block; height: 58px; line-height: 62px; margin: 0px auto; font-weight: bold; color: rgb(255, 255, 255); font-size: 24px; text-align: center; letter-spacing: -1px; }

/* 인증버튼 */
#sms_btn, #resms_btn, .sms_num { position: absolute; top: 0px; right: 0px; }
#sms_btn a, #resms_btn a { color: rgb(255, 255, 255); font-size: 14px; height: 36px; line-height: 36px; border-radius: 5px; background: rgb(85, 85, 85); border: 0px; width: 110px; box-sizing: border-box; }
.sms_num a { color: rgb(255, 255, 255); font-size: 14px; height: 36px; line-height: 36px; border-radius: 5px; background: rgb(85, 85, 85); border: 0px; width: 70px; box-sizing: border-box; }
.join-msg { margin: 30px 0px 0px; border-bottom: 1px solid rgb(238, 238, 238); padding-bottom: 20px; }

/* 추가 정보 입력 */
#addInfo { padding-top: 40px; }
.addinfo-tb th, .addinfo-tb td { border: 1px solid rgb(233, 233, 233); 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 rgb(221, 221, 221); padding: 0px 10px; min-width: 402px; }
.addinfo-tb .MS_textarea { border: 1px solid rgb(221, 221, 221); 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: 0px; }

/* 약관 동의 */
#join .tb-l { text-align: left; }
#join .tb-c { text-align: center; }
#join .pl-30 { padding-left: 15px; }
#join .pl-6 {padding: 0 !important;font-size: 14px;color: #999999;font-weight: normal;line-height: 1.5 !important;}
#join .pt-10 { padding-top: 10px; }
#join .pb-10 { padding-bottom: 10px; }
#join .ml-30 { margin-left: 0px !important; }
#join .p10 { padding: 0px !important; }
#join .input-cbox { width:26px; height:26px; padding:0; margin:0; margin-top:-3px; *margin-top:1px; vertical-align:middle; *vertical-align:top; }
#join .new-btn-area {text-align: center;margin: 30px 0 0;padding-bottom:30px;}
#join .new-btn-area a {display:block;width: 100%;height: 60px;line-height: 60px;margin:0 auto;font-size: 20px;font-weight: 500;color:#fff;background: #ee4a44;border-radius: 10px;border: 0 !important;}
#join #chkwrap {border: 0;}
#join #chkwrap .all-chk {height: 65px;line-height: 65px;text-align: center;padding: 0;color: #333333;font-size: 18px;font-weight: 500;border-bottom: 0;}


#chkwrap .all-chk .input-cbox { padding: 0px; margin: -3px 0px 0px; vertical-align: middle; width: 26px !important; height: 26px !important; }
#chkwrap .cont ul::after { clear: both; content: ""; display: block; }
#chkwrap .cont ul { width: 100% !important; }
#chkwrap .cont ul li { padding: 0px 0px 0px 20px; background: rgb(244, 244, 244); margin-bottom: 10px; height: 50px; color: rgb(51, 51, 51); font-size: 16px;  font-weight: normal; border-radius: 10px; box-sizing: border-box; position: relative; width: 100% !important; line-height: 50px !important; }
#chkwrap .cont ul li.w240 { width: 240px; padding-left: 0px; }
#chkwrap .cont ul li a { display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); right: 20px; color: rgb(153, 153, 153);  width: auto !important; height: auto !important; line-height: 1 !important; border: 0px !important; background: transparent !important; font-size: 16px !important; font-weight: normal !important; margin-top: 0px !important; }
#chkwrap .cont ul li a::after { content: ""; display: inline-block; width: 7px; height: 13px; background: url("/design/duduworld/220906/ico_arrow_next.png") center center / 7px 13px no-repeat; margin-left: 10px; vertical-align: baseline; }
#chkwrap .cont strong { font-weight: normal; color: rgb(51, 51, 51) !important; }
#chkwrap .cont label { font-weight: normal !important; }
#chkwrap .cont .marketing { border-top: 0px !important; line-height: 1 !important; padding: 0px !important; }
#chkwrap .cont .marketing .mk-wrap { background: rgb(244, 244, 244); border-radius: 10px; color: rgb(51, 51, 51); font-size: 16px;  font-weight: normal; padding: 15px 20px !important; border-top: 0px !important; height: auto !important; line-height: 1 !important; }
#chkwrap .cont .marketing .mk-wrap > div { position: relative; margin-top: 10px; color: rgb(153, 153, 153); font-size: 16px; margin-left: 45px; display: block !important; }
#chkwrap .cont .marketing .mk-wrap > div::before { content: ""; display: inline-block; position: absolute; width: 22px; height: 20px; background: url("/design/duduworld/220906/ico_link.png") left center / 12px 12px no-repeat rgb(244, 244, 244); margin-left: -15px; margin-right: 22px; }
#chkwrap .cont .marketing .mk-wrap > div::after { content: ""; display: inline-block; position: absolute; width: 22px; height: 20px; background: rgb(244, 244, 244); margin-left: -15px; }
#chkwrap .cont .marketing .mk-wrap label { line-height: 1 !important; }
#chkwrap .cont .marketing .txt { background: rgb(244, 244, 244); border-radius: 10px; margin-top: 10px; padding: 15px 20px; font-size: 16px; color: rgb(153, 153, 153);  line-height: 1.5; }
#chkwrap .cont .marketing .txt strong { font-weight: normal; color: rgb(153, 153, 153) !important; }
h4.tit { margin-top: 50px; margin-bottom: 5px; padding-left: 5px; font-size: 14px; font-weight: bold; }

#chkwrap .all-chk .input-cbox { width:26px !important; height:26px !important; padding:0; margin:0; margin-top:-3px; *margin-top:0; vertical-align:middle; *vertical-align:top; }
#chkwrap .cont ul:after { clear: both; content: ""; display: block; }
#chkwrap .cont ul {width: 100% !important;}
#chkwrap .cont ul li {width: 100% !important;padding: 0 0 0 20px;background: #f4f4f4;margin-bottom: 10px;height: 50px;line-height: 50px !important;color: #333333;font-size: 16px;font-weight: normal;border-radius: 10px;box-sizing: border-box;position: relative;}
#chkwrap .cont ul li.w240 { width:240px; padding-left:0; }
#chkwrap .cont ul li a {display:inline-block;width: auto !important;height: auto !important;line-height: 1 !important;position: absolute;top: 50%;transform: translateY(-50%);right: 20px;border: 0 !important;background: transparent !important;color: #999999;font-size: 16px !important;font-weight: normal !important;margin-top: 0 !important;}
#chkwrap .cont ul li a::after {content: "";display: inline-block;width: 7px;height: 13px;background: url(/design/duduworld/220906/ico_arrow_next.png) center / 7px 13px no-repeat;margin-left: 10px;vertical-align: baseline;}

#chkwrap .cont strong {font-weight: normal;color: #333333 !important;}
#chkwrap .cont label {font-weight: normal !important;}

#chkwrap .cont .marketing {border-top: 0 !important;line-height: 1 !important;padding: 0 !important;}
#chkwrap .cont .marketing .mk-wrap {padding: 15px 20px !important;border-top: 0 !important;background: #f4f4f4; height:auto !important; line-height: 1 !important;border-radius: 10px;color: #333333;font-size: 16px;font-weight: normal;}
#chkwrap .cont .marketing .mk-wrap > div {position: relative;display: block !important;margin-top: 10px;color: #999999;font-size: 16px;margin-left: 45px;}
#chkwrap .cont .marketing .mk-wrap > div::before {content: "";display: inline-block;position: absolute;width: 22px;height: 20px;background: url(/design/duduworld/220906/ico_link.png) #f4f4f4 left center / 12px 12px no-repeat;margin-left: -15px;margin-right: 22px;}
#chkwrap .cont .marketing .mk-wrap > div::after {content: "";display: inline-block;position: absolute;width: 22px;height: 20px;background: #f4f4f4;margin-left: -15px;}
#chkwrap .cont .marketing .mk-wrap label {line-height: 1 !important;}
#chkwrap .cont .marketing .txt {background: #f4f4f4;border-radius: 10px;margin-top: 10px;padding: 15px 20px;font-size: 16px;color: #999999;line-height: 1.5;}
#chkwrap .cont .marketing .txt strong {color: #999 !important;font-weight: normal;}

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: 0px; border-collapse: collapse; }
#join .contract-tbl th, #join .contract-tbl td { border: 1px solid rgb(224, 224, 224); text-align: center; }
#join .contract-tbl th { background: rgb(252, 252, 252); }
#join .contract-tbl th div { height: 41px; line-height: 43px; }
#join .contract-tbl tbody th { font-weight: normal; }

#join .btm-msg { padding-top: 30px; line-height: 18px; }

.join-footer { text-align: center; padding-top: 15px; }
.join-footer .cbtn.form { width: 288px; height: 58px; line-height: 58px; font-size: 16px; margin: 0px 5px; }
.sbOptions { max-height: 176px !important; }

#join .person-tb li dd { width: 85px; display: inline-block; line-height: 60px; height: 60px; vertical-align: top; position: relative; }
#join .person-tb li dd select { height: 60px; line-height: 60px; }
#join .person-tb li dd + dd::before { content: ""; display: inline-block; width: 1px; height: 10px; background: rgb(219, 219, 219); vertical-align: middle; }
#join .person-tb li dd .sbHolder {  font-size: 18px; font-weight: normal; height: 60px; line-height: 60px; position: absolute; top: 0px; width: 100%; color: rgb(219, 219, 219); text-align: center; border: 0px; }
#join .person-tb li dd .sbHolder .sbSelector { display: block; height: 38px; left: 0px; line-height: 38px; outline: none; overflow: hidden; position: absolute; text-indent: 10px; top: 0px; width: 100%; font-size: 14px; }
#join .person-tb li dd .sbHolder .sbSelector { height: 60px; line-height: 60px; color: rgb(51, 51, 51); font-size: 18px; font-weight: normal; padding: 0px !important; }
#join .person-tb li dd:first-child .sbHolder .sbSelector { text-align: left; }
#join .person-tb li dd .sbHolder .sbToggle { display: none; height: 38px; outline: none; width: 38px; }

/* 동의 */
.new-privercy-contract { width: 435px; }

input[type="checkbox"] { background: url("/design/duduworld/220906/ico_chkbox_off.png") center center / 26px 26px no-repeat; appearance: inherit; width: 26px !important; height: 26px !important; margin-right: 5px !important; }
input[type="checkbox"]:checked { background: url("/design/duduworld/220906/ico_chkbox_on.png") center center / 26px 26px no-repeat; }
input[type="radio"] { background: url("/design/duduworld/220906/ico_chkbox_off.png") center center / 26px 26px no-repeat; appearance: inherit; width: 26px !important; height: 26px !important; margin-right: 5px !important; }
input[type="radio"]:checked { background: url("/design/duduworld/220906/ico_chkbox_on.png") center center / 26px 26px no-repeat; }


.person-tb .MS_input_txt {margin-right:5px;padding: 2px 0 0 2px;line-height: 60px;height: 60px;border: 0;border-bottom: 1px solid #dbdbdb;font-size: 18px;font-weight: normal;color: rgb(51, 51, 51);}

.birth {
    /*display: inline-block;
    width: 55%;*/
    padding: 15px 0 10px;
    border-bottom: 1px solid #dbdbdb;
}

.gender {
    /*display: inline-block;
    width: 45%;*/
    border-bottom: 1px solid #dbdbdb;
}

.gender label {
    display: inline;
    border-bottom: none !important;
}
/* BASIC css end */