/* BASIC css start */
#contents {padding:0 32px}
.form-terms {padding-top:0!important;}
.form-terms .form-wrap {margin:20px 0!important;}

.fixed_box {border:1px solid #dbdbdb; height:200px; overflow-y: auto; padding: 10px;}
#join .join-form { margin-bottom:12px;}
#join .join-form li { position:relative; background:#fff; color:#000;margin-bottom:30px;}
#join .join-form li label {display:block; font-size:14px; font-weight:bold; }
#join .join-form li .txt-input {width:100%; height: 40px; line-height:40px; padding:0; margin:0; font-size: 14px; font-weight: bold; color:#000; border: 0;   border-bottom:1px solid #000; }
#join .join-form li .input-radio { width:14px; height:14px; margin:0; margin-top:-2px; padding:0; vertical-align:middle; }
#join .join-form li p {display:none; font-size:12px; color:#666; margin-bottom:8px}
#join .join-form li p.tip {display:block;margin-top:4px}
#join .join-form li.birth {border:none; }
#join .join-form li.birth:after { clear:both; display:block; content:''; }
#join .join-form li.birth { *z-index:2; line-height:51px; }
#join .join-form li.birth .birth_txt { width:150px; margin-left:0px; font-size:13px; font-weight:bold; text-align:left; color: #0549bb; padding-bottom: 5px; } 
#join .join-form li.birth dl dd { position:relative; float:left; width:100px; margin-left:10px; font-size:14px; font-weight:bold; }
#join .join-form li.birth dl dd:first-child { width:100px; margin-left:0; }
#join .join-form li.birth dd select {line-height:35px; }
#join .join-form li.birth dl.type2 ul li { margin:0; padding:0; border:0; }
#join .join-form li.birth dl.type2 ul li .txt-input { left:0; width:90%; }
#join .join-form li.gender {}
#join .join-form li.gender label { margin-right:30px; }
#join .join-msg li label { font-size:14px; font-weight:bold; }
#join .join-msg li { height:18px; line-height:18px; padding-left:2px; color:#999; }
#join .bottom-btn { padding:40px 0; text-align:center; }
#join .bottom-btn a { display:block; height:58px; line-height:62px; margin:0 auto; font-weight:bold; color:#fff; font-size:24px; text-align:center; letter-spacing:-1px; }
#join #email {width:100% !important; }

#join .join-form li .MS_input_sms, #join .join-form li .MS_input_tel {width:calc(100% - 64px); vertical-align: middle;}
#join .sms_num, #sms_btn { display:inline-block; width:60px; vertical-align: middle;}
#resms_btn { display:inline-block; width:60px; vertical-align: middle;}
#resms_btn a {display: inline-block; width: 100%; height: 40px; line-height: 40px; background: #f0f0f0; text-align: center;}
#join .sms_num a, #sms_btn a {display:inline-block; width:100%; height:40px; line-height:40px; background:#f0f0f0; text-align:center;  }

.join-agree li {font-size:14px; line-height:24px; margin-bottom:10px;}
.join-agree li label input[type="checkbox"] {opacity:0; display:none;}
.join-agree li label span {padding-left:21px; position:relative; display:inline-block; }
.join-agree li label span:after {content:''; background:url(/design/danilove/renewSkin/mo/images/common/ic_chk.png) no-repeat; position:absolute; top:50%; margin-top:-8px; left:0; width:16px; height:16px;}
.join-agree li label input:checked + span:after {background:url(/design/danilove/renewSkin/mo/images/common/ic_chk_on.png) no-repeat;}
.join-agree li div.tit {position:relative;}
.join-agree li div.tit span.more {position:absolute; top:4px; right:0; cursor:pointer; width:auto; margin-top:0}
.join-agree li div.tit span.view {position:absolute; top:4px; right:0; cursor:pointer; color:#999; cursor:pointer;}
.join-agree li dl {display:none; margin:20px 0 30px; box-sizing:border-box;}
.join-agree li dl.active {display:block;}
.join-agree li dl dd {margin-top:10px;}
.join-agree li dl dd div.contents {display:none; margin-top:10px;}
.join-agree li dl dd div.contents.active {display:block;}
.join-agree li dl dd div.contents textarea {display: inline-block; box-sizing:border-box;  width: 100%; font-size: 12px;}
#terms_desc .terms-desc {margin-top:0}
#terms_desc .terms-desc dt {display:none; }
#terms_desc .terms-desc dd {padding:0 !important; background:#fff !important; border:none !important; display:block !important;  }
#terms_desc .terms-desc dd .sect {padding:0}
#privacy_01 #termsCont1, #privacy_01 #termsCont4{display:none; }
#privacy_02 #termsCont1, #privacy_02 #termsCont2{display:none; }

.btnArea {margin-top:42px; }
/* BASIC css end */