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

#join h1.tit-join{margin:50px 0 -1px;color:#131313;font-size:20px;font-weight:400;letter-spacing:-0.06em}
#join h1.tit-join strong{display:inline-block;padding-bottom:10px;border-bottom:1px solid #DADADA;font-weight:400}
#join h3.cont-tit{margin-top:30px;margin-bottom:5px;padding-left:15px;color:#575757;font-weight:bold;background:url("/images/d3/modern_simple/bull_tit_h11.gif") no-repeat 0 0}

#join .red{color:#ff3333}
#join .font-n{font-weight:normal}
#join input[type="text"],
#join input[type="password"],
#join select{height:30px;line-height:30px;padding:0 5px;border:1px solid #e5e5e5}
#join select{height:34px;padding-right:0}
#join .w50{width:38px}
#join .w110{width:98px}
#join .w130{width:118px}
#join .w250{width:238px}
#join .w300{width:288px}
#join .w400{width:388px}
#join .MS_birthday{margin:0 5px 0 10px}
#join .MS_birthday:first-child{margin-left:0}
#join .MS_radio{margin:12px 3px 0 10px;border-color:#fff;vertical-align:top}

#join .ipin-confirm{height:110px;padding:15px 0;border:3px solid #d4d4d4;text-align:center;background-color:#fdfdfd}
#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.25}
#join .ipin-confirm .chk-wrap .first{margin-right:20px}
#join .ipin-confirm p{margin:20px 0;line-height:18px;font-size:15px}

#join a.ipin-svc{font-size:14px;font-weight:bold;color:#ff3333;text-decoration:underline;margin :0 10px}

#join .btn-area{display:block;text-align:right;margin:10px 0 0}
#join .btn-area.line{margin-top:-20px;padding-top:30px;border-top:1px solid #D5D5D5}
#join .btn-area .abtn_{width:120px;margin-left:3px}
#join .btn-area .withdraw{float:left;width:70px}
#join .ftr-btn{margin-top:55px}
#join .ipin-btn{margin-top:35px}

/* 회원 정보입력 */
#join .join-info{margin-top:40px;margin-bottom:5px;padding-left:15px;background:url("/images/d3/modern_simple/bull_terms_h14.gif") no-repeat 0 0}
#join .tb-tit{padding:15px 0 10px 25px;border-width:1px 1px 2px 1px;border-color:#dedfde #dedfde #3a4452 #dedfde;border-style:solid;color:#575757;font-weight:bold;background:url("/images/d3/modern_simple/bull_tit_h11.gif") no-repeat 10px 14px #f7f7f7}

/* 회원 정보 입력 */
#personInfo{margin-bottom:0;padding:20px 0;border:solid #DADADA;border-width:1px 0 0;border-bottom-color:#D5D5D5}
#personInfo .person-tb th{letter-spacing:-0.02em;vertical-align:middle;color:#1F1F1F;font-weight:400;font-size:13px}
#personInfo .person-tb td{height:40px;padding:8px 0}

/* 담당자 정보 입력 */
#addInfo{margin-bottom:50px;padding:20px 0;border:solid #F3F3F3;border-width:1px 0}
#addInfo .addinfo-tb th{height:50px;letter-spacing:-1px;vertical-align:middle;color:#737475;font-weight:400}
#addInfo .addinfo-tb td{height:40px;padding:8px 0}

/* */
#join h4.tit{margin:50px 0 10px;padding-left:0;color:#131313;font-size:20px;font-weight:400;letter-spacing:-0.06em}
#join #chkwrap .all-chk{font-size:20px;font-weight:400;color:#1F1F1F}
#join #chkwrap .cont ul{margin-bottom:10px}
#join #chkwrap .cont ul li a{height:20px}
#join .new-privercy-contract{padidng:0}
#join .new-privercy-contract textarea{width:978px;height:100px}
#join .new-privercy-contract p{font-weight:normal;margin:0;margin-bottom:50px;margin-top:20px;text-align:left;font-size:13px}
#join input[type="checkbox"]{height:auto !important;line-height:1;padding:0}

/* jxc */
#join{width:1100px;margin:0 auto}
#join .page-body{padding:50px;background:white}

#join h1.tit-join .required{position:relative;float:right;line-height:1;margin-top:10px;padding-left:15px;font-size:12px;color:black;vertical-align:top}
#join h1.tit-join .required .red{margin-top:-3px}
#join h1.tit-join:first-child{margin-top:0}

#join input[type="text"], 
#join input[type="password"], 
#join select{height:40px}
#join select{width:130px}

#join .mesg_note{line-height:140%;margin-left:0;font-size:11px;color:#4F8FF0}
#join .mesg_note .red{position:static;top:0;left:0;margin:18px 3px 0 0;vertical-align:top}
#join .address ul{margin-top:-5px}
#join .address ul li{margin-top:5px}

#join table .btn_set{vertical-align:middle}
#join table .btn_set .abtn_.small{width:120px}
#join input#email1{margin:0}
#join select#email2{width:124px;margin-right:8px !important}
#join .btm-msg{padding:0}

#join #MS_recommand_search{width:100px;height:30px;line-height:1;margin-left:-5px;border:1px solid #1A1B1C;background:#1A1B1C !important;color:#fff;font-size:11px}
#join #MS_recommand_search:hover{background:#fff !important;color:#1A1B1C}

#join #chkwrap .all-chk{height:45px;line-height:1}
#join #chkwrap .all-chk label{display:inline-block;margin-top:11px;vertical-align:top}

#join .new-privercy-contract .contract-tbl th{background:white}
#join .new-privercy-contract .contract-tbl th,
#join .new-privercy-contract .contract-tbl td{border:0 none;text-align:center}
#join .new-privercy-contract .contract-tbl thead th{border:solid #dedede;border-width:1px 0}
#join .new-privercy-contract .contract-tbl tbody th,
#join .new-privercy-contract .contract-tbl tbody td {border-bottom:1px solid #e0e0e0}
#join .new-privercy-contract .textarea,
#join .new-privercy-contract textarea{overflow-x:hidden;line-height:140%;white-space:pre-line;word-wrap:break-word;word-break:break-all}
#join .new-privercy-contract .textarea{clear:both;width:973px;height:100px;padding:10px;border:1px solid #CCC;background:white}

#snsConnect{margin-bottom:50px;padding-bottom:50px;border-bottom:1px solid #E9E7EA}
#snsConnect h3{margin-bottom:20px;font-size:23px;color:#060606;letter-spacing:-0.04em}
#snsConnect ul{overflow:hidden;margin-left:-5px}
#snsConnect ul li{float:left;width:196px;margin-left:5px}
#snsConnect a{display:block;padding:10px 5px;border:2px solid black;color:black}
#snsConnect a i{vertical-align:top}
#snsConnect a span{display:inline-block;line-height:22px;margin:0 0 0 5px;padding-left:5px;border-left:1px solid #CCCCCC;font-size:12px;vertical-align:top;letter-spacing:-0.06em}
#snsConnect .fb a:hover i{color:#43639F}
#snsConnect .naver a:hover i{color:#00B74B}
#snsConnect .kakao a:hover i{color:#FFD300}

.mypg_ #personInfo{margin-bottom:50px;border-bottom:1px solid #E9E7EA}
/* BASIC css end */