/* BASIC css start */
#join .MK_ok_confirm{color:#1984f1}
#join .MK_no_confirm{color:#E7569E}
#join .join{background-color:white;padding:0 0 20px 0}
#join .join .sequence{margin-bottom:30px;text-align:center}
#join .join .sequence li{display:inline-block;margin:0 15px 0 0;padding-right:15px;color:#ddd}
#join .join .sequence li span{display:block;margin-top:5px}
#join .join .sequence li.now{color:black}
#join .join .tableBox{background-color:#fff;margin:0}
#join .join .tableBox.first{padding:10px 0 0;border-top:2px solid black}
#join .join .tableBox:last-child{margin-bottom:0}
#join .join .tableBox table{width:100%;}
#join .join .tableBox table:first-child{margin-top:0}
#join .join .tableBox table th{text-align:left;vertical-align:top;padding:17px 0 17px 0;font-weight:400;font-size:13px}
#join .join .tableBox table td{padding:10px 0 10px 0}
#join .join .tableBox table td p{font-size:0.917em;margin-top:5px;color:#707070}
#join .join .tableBox table td.birth select{margin:0 5px 10px 0;width:29%}
#join .join .tableBox table td.birth .MS_input_txt{width:27%}
#join .join .tableBox table .txt-input{width:100%;box-sizing:border-box}
#join .join .tableBox table .txt-input[name=haddress1]{margin-bottom:10px}
#join .join .tableBox table #email1{width:35% !important}
#join .join .tableBox table #hphone1,
#join .join .tableBox table #hphone2,
#join .join .tableBox table #hphone3,
#join .join .tableBox table #etcphone1,
#join .join .tableBox table #etcphone2,
#join .join .tableBox table #etcphone3{width:29% !important}
#join .pd10{margin-top:20px}
#join .step-comm{display:none}
#join .layer{position:absolute}
#join .layer .keyword input{width:45%}
#join .layer .msg01{text-align:center}
#join .layer .MS_addr_type_area{text-align:center;margin:10px 0}
#join .layer .search-form .btn_Grey{width:105px;display:inline;margin-left:10px}
#join .layer .addr-list{width:100%}
#join .layer .msg-wrap{background-color:#fbfbfb;padding:10px 0;text-align:center}
#join .layer .msg-wrap .msg01-highlight{color:#1984f1}
#join .layer #searchStep02{margin-top:10px}
#join .layer #searchStep02 h4{font-weight:bold}
#join .layer #searchStep02 .btn_Black{margin-top:10px}
#join .layer #searchStep03 table{width:100%}
#join .layer #searchStep03 table th{width:20%;text-align:left}
#join .layer #searchStep03 table td{padding:10px 0}
#join .layer #searchStep03 table .detail-addrPost input{width:50px}
#join .layer #searchStep03 table .detail-addrAddress input{width:90%;margin-bottom:5px}
#addrSearch .addr_type{text-align:center;font-weight:bold}
#addrSearch .addr_type label{margin:0 5px}

/* 추천인 아이디 검색 alert대체 메시지 사용 시 버튼 미노출 */
#join #MS_recommand_search{display:none !important}

/* 개인정보 수집 이용안내 */
#join .desc h3.none-line {border-bottom: none; }
#join .privercy-contract-tap {position: relative; border-left: 1px solid #cacaca; }
#join .privercy-contract-tap li {list-style-type: none; border-top: 1px solid #cacaca;  border-right: 1px solid #CACACA; background-color: #f4f4f4; display: block; float: left; line-height: 27px; text-align: center; width: 33%; height: 28px; margin-bottom: -1px; }
#join .privercy-contract-tap li.sel{background-color: #fff; border-bottom: 1px solid #fff; }
#join .privercy-contract-tap li:last-child {border-right: 1px solid #cacaca;; }
#join .privercy-contract-tap li a {text-align: center; padding: 0; display: block; color: #787878; width: 100%; height: 100%; }
#join .tab-content {border: 1px solid #cacaca;}
#join .tab-content .privercy-contract {padding: 10px; }
#join .tab-content .privercy-contract p {line-height: 1.5em; width: 100%; height: 55px; margin: 0; padding: 0; border: none; overflow-y: hidden;}

/* 구버전 이용약관 등 style 모음 */
#join .desc-3 {border: 1px solid #909090;}
#join .desc {position: relative; background-color: #fff; padding: 20px 10px 10px 10px; margin: 0 5px;}
#join .desc .open-pop {position: absolute; right: 10px; top: 18px; border: 1px solid #c7c7c7; padding: 2px 10px; float: right;}
#join .desc h3 {font-weight: bold; padding: 3px 0;}
#join .agree-2 {padding-left: 10px; background-color: #fff; margin: 0 5px;}
#layerTermsWrap, #layerPrivercyWrap, #layerThirdPartyWrap, #layerTrustWrap { display: none; }

/*SNS 로그인 연동
#snsConnect{ padding:20px 0 30px 25px;border-bottom:1px solid #ebebeb;}
#snsConnect li{ margin-top:10px;list-style:none;}
#snsConnect li dl{ zoom:1;overflow:hidden;}
#snsConnect li dt,
#snsConnect li dd{ float:left;line-height:28px;color:#555;}
#snsConnect li dt{ width:80px;padding-left:35px;color:#202020;font-weight:bold;letter-spacing:-1px;}
#snsConnect li.facebook dt{ background:url(/images/d3/modern_simple/common/ico_sns_h26_facebook.gif) no-repeat 0 0;}
#snsConnect li.naver dt{ background:url(/images/d3/modern_simple/common/ico_sns_h26_naver.gif) no-repeat 0 0;}
#snsConnect li.kakaotalk dt{ background:url(/images/d3/modern_simple/common/ico_sns_h26_kakaotalk.gif) no-repeat 0 0;}
#snsConnect li dd .cut img{ padding:0 0 0 5px;vertical-align:middle;}
#snsConnect li .btn-connect{ display:inline-block;height:24px;line-height:24px;padding:0 15px;border:1px solid #919191;background:#f1f1f1;color:#555;font-size:1.125em;font-weight:bold;letter-spacing:-1px;border-radius:3px;box-shadow:1px 1px 0 0 #f1f1f1;}
*/

/* jxc */
#join input[type="text"],
#join input[type="password"],
#join input[type="tel"],
#join input[type="email"],
#join .MS_input_txt,
#join .txt-input,
#join select{padding-left:0;border-width:0 0 1px}
#join input[type="email"]{width:100% !important}

#join .join .tableBox .btn_set{font-size:0}
#join .join .tableBox .abtn_{border-width:0;color:white;background: #4E4E52;}
/*#join .join .tableBox .abtn_{border-width:0 0 1px;border-color:#f1f1f1;color:#E7569E}*/

#join .join .tableBox .abtn_ i{margin-top:2px;vertical-align:top}

#join .join .sequence{text-align:center}
#join .join .sequence li{display:inline-block;margin:0 2%;padding-right:0;color:#ddd;text-align:center}

#join .join .tableBox table th{display:block;text-align:left;vertical-align:top;padding:20px 0 0 0;font-weight:400;font-size:13px;color:black;font-weight:700}
#join .join .tableBox table td{display:block;padding:0 0 10px 0}

#join .join .join-msg{margin-top:20px;font-size:13px}
#join .join .join-msg label{color:#E7569E}

#join #terms_agree .terms-agree{margin-top:35px}
#join #terms_agree .terms-agree dl{font-size:13px}
#join #terms_agree .terms-agree dt{margin-top:0;padding-left:0;border-color:#f1f1f1}
#join #terms_agree .terms-agree dd{margin:0;padding:15px 0}

#join .btn_set.bottom{display:block;margin-left:-2%;font-size:0}
#join .btn_set.bottom .abtn_{width:48%;margin-left:2%}

#join #terms_desc .terms-desc dt{height:52px;line-height:52px;padding-left:0;border-color:#f1f1f1;font-size:14px;color:#333}
#join #terms_desc .terms-desc dd{padding:15px 0;background:white}
#join #terms_desc .terms-desc dt > a{right:0}

#snsConnect{padding:30px 0 0;border-top:1px solid #ebebeb}
#snsConnect h3{margin-bottom:20px;font-size:23px;color:#060606;letter-spacing:-0.04em}
#snsConnect ul{overflow:hidden;margin-top:-5px}
#snsConnect ul li{margin-top: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:3px 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}


.w80per input {width:80% !important;}
.w80per .btn_set{margin-left: 4px;}


/* BASIC css end */