/* BASIC css start */
#join .MK_ok_confirm{color:#1984f1}
#join .MK_no_confirm{color:#f1191f}
#join .join{background-color:white;padding:0 0 20px 0}
#join .sequence{margin-bottom:30px}
#join .sequence li{display:inline-block;margin:0 15px 0 0;padding-right:15px;color:#ddd;text-align:center}
#join .sequence li .fa-stack{display:block;margin:0 auto}
#join .sequence li.now{color:black}
#join .sequence li.now .fa-circle{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}

/*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 .btn_set.bottom{width:100%;margin-top:20px;padding-top:20px;border-top:1px solid #ddd;text-align:right}
#join #terms_desc .terms-desc dd{padding:0;border:0 none}

#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}
/* BASIC css end */

