/* BASIC css start */
#join .h_title {border:0px;padding:10px 0px 50px;text-align:center;font-size:2rem;font-weight:bold;}

#join .MK_ok_confirm {color: #1984f1;}
#join .MK_no_confirm {color: #f1191f;}
#join .txt {font-size:1.2rem; margin:4px 0px 0px 108px;  }

#join {max-width:420px; margin:0 auto; }
#personInfo { margin-top: 0px; padding:0px 16px; }
.join_list li {  margin-bottom:32px; }
.join_list li:last-child { margin-bottom: 0; }
.join_list li .input_box {position: relative; display:flex;align-items: center;justify-content: flex-start; border-bottom:1px solid #2b2b32}
.join_list li .input_box .label {display:inline-block; width:108px; font-size:1.4rem}
.join_list li .input_box .label img {vertical-align:middle;}
.join_list li .input_box input { width:52%; font-size:1.6rem; border:none; height:40px;  }
.join_list li select {box-sizing:border-box; padding-left:20px; background-position:center right 16px; height:40px; box-sizing:border-box; border-color:#dedede;  }
.join_list li .input_box .cbtn { position: absolute; top: 16px; right: 10px; }
.join_list li .idpw-info { text-align: right; margin-top: 4px; font-size: 1.2rem; } 

.join_list li.birth .label{font-size: 1.4rem; display:block; margin-bottom:4px; }
.join_list li.birth .birth_box { color:#000; font-size:1.4rem; }
.join_list li.birth .birth_box dl {display:flex;align-items: flex-start;justify-content: flex-start;}
.join_list li.birth .birth_box dl dd { width: calc(33.33% - 4px);  margin-right: 5px;}
.join_list li.birth .birth_box dl dd:last-child { margin-right: 0 }
.join_list li.birth .birth_box dl dd input {width:100%; border:1px solid #dedede; text-align:center; padding:0}

.join_list li.gender .label{font-size: 1.4rem; display:block; margin-bottom:4px; }
.join_list li.gender .gender_box {font-size:0; box-sizing: border-box;letter-spacing: 0;border: none;}
.join_list li.gender .gender_box dl { display: flex; }
.join_list li.gender .gender_box dl dd { width: calc(33.33% - 4px);  margin-right: 5px;}
.join_list li.gender .gender_box dl dd:last-child { margin-right: 0 }
.join_list li.gender .gender_box label {font-size:1.4rem;text-align:center;width:100%;display:inline-block;height:40px;line-height: 40px;border: 1px solid #dedede;border-left:0;box-sizing:border-box;cursor: pointer;background:#fff;margin: 0;}
.join_list li.gender .gender_box label.on {background:#2b2b32; color:#fff}
.join_list li.gender .gender_box label input {display:none; }
.join_list li.gender .gender_box label:nth-child(1) {border-left:1px solid #dedede; }
.join_list li.gender .gender_box label:last-child {border-right:1px solid #dedede; }


.join_list li.has_btn {position: relative; box-sizing: border-box; }
.join_list li.has_btn .btn {position:absolute; top:0; right:0; height:36px; border-radius:5px; background:#2b2b32; color:#fff;  display:flex;align-items: center;justify-content:center; width:60px; font-size:1.2rem;   }


#personInfo.on .join_list li.id .input_box  {padding-top:20px; padding-left:20px; box-sizing:border-box;   border:1px solid #dedede  }


/* 개인정보 수집 이용안내 */
#join .desc h3.none-line {border-bottom: none; }
#join .privercy-contract-tap {position: relative; border-left: 1px solid #dedede; }
#join .privercy-contract-tap li {list-style-type: none; border-top: 1px solid #dedede;  border-right: 1px solid #dedede; 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 #dedede;; }
#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 #dedede;}
#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 #dedede; 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; }

/* 셀렉트박스 */
/*.box-select { position:relative; background:#fff; border:1px solid #bbb; height:35px; vertical-align:middle; }
.box-select select {  display:block; width:100%; height:100%; position:absolute; left:0; top:0; border:none; color:#000; background:#fff url('/images/d3/modern_simple/btn/btn_select.gif') no-repeat right 0; background-size:35px 35px; appearance:none; -moz-appearance:none; -webkit-appearance:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding-left:6px;	font-size:12px; line-height:35px;  }*/
#join .join-msg {padding:16px ; font-size:1.2rem; margin-top:20px; }
#join .join-msg  label { font-size:1.4rem; margin-bottom:6px; display:block; }
#join .everyAgree {padding:24px 16px 16px;  }
#join .everyAgree label {border-bottom:1px solid #e0e0e0; width:100%; display:block;  padding-bottom:16px; font-size:1.4rem; font-weight:bold;   }
#join .form-terms { margin-bottom:16px; padding:0 16px;  }
#join .form-terms .form-wrap {margin:0; margin-bottom:16px; padding:0; border-radius: 0; border:none; }
#join .form-terms .form-wrap h4 {padding-left:24px}
#join .form-terms .form-wrap h4.form-title {font-weight:400;font-family: inherit;font-size: 1.3rem;display: flex; align-items: center; justify-content: space-between;}
#join .form-terms .form-wrap h4.form-title .btn-toggle {margin-top:-2px; }
#join .form-terms .form-wrap h4.form-title .btn-toggle img {height:6px}
#join .form-terms .form-wrap .checkbox {position:absolute; left:0; top:-2.5px; right:auto;  }
#join .form-terms .form-wrap .checkbox label {font-size:0}
#join .form-terms .form-wrap .contract-tbl th  {padding:5px; font-size:1.1rem}
#join .form-terms .form-wrap .contract-tbl td {padding:5px; font-size:1.1rem}
#join .form-terms .form-wrap .contract-tbl td > div {text-align:center;  }
#join .form-terms .privacy-noti {font-size:1rem; }
#join .form-terms .form-wrap textarea {width:100%; border-radius:0; font-size:1.1rem}
#join .btn_Black {height:50px; line-height:50px; font-size:1.6rem; border-radius:10px;  margin-top:50px; }


/* BASIC css end */