/* BASIC css start */
/* BASIC css start */
/* button */
.cbtn{display:inline-block;font-size:11px;color:#000;min-width:98px;height:31px;line-height:32px;border:1px solid #000;text-align:center;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.cbtn.form{}
.cbtn.form.action{background-color:#000;color:#fff;}
.cbtn.form:hover{background-color:#000;color:#fff;}
.cbtn.form.action:hover{background-color:#fff;color:#000;}

.btnArea{}
.btnArea:after{content:"";display:block;clear:both;}
.btnArea .left{float:left;width:50%;}
.btnArea .right{float:right;width:50%;}
.btnArea .center{text-align:center;}

#privacy_01 h4, #privacy_02 h4 {display:none;}
#privacy_01 p.btm-msg , #privacy_02 p.btm-msg {display:none;}
#privacy_01 table:nth-child(8) {display:none;}
#privacy_02 table {display:none;}
#privacy_02 table:nth-child(8) {display:block;}

#join_test .page-body { width:466px; margin: 50px auto 0;}
#join_test .join-form { margin-bottom:12px;}
#join_test .join-form li {position:relative;background:#fff;color:#000;border-bottom: 1px solid #000;margin-bottom: 60px;}
#join_test .join-form li label {display:block;font-size: 15px;margin-bottom: 4px;}
#join_test .join-form li .txt-input {width:100%;height: 40px;line-height:40px;padding:0;margin:0;font-size:14px;color:#000;border: 0;}
#join_test .join-form li .input-radio {width:14px;height:14px;margin:0;margin-top:-2px;padding:0;vertical-align:middle;cursor: pointer;}
#join_test .join-form li .btn { display:block; position:absolute; top:6px; right:8px; width:83px; height:34px; line-height:36px; font-size:14px; font-weight:bold; color:#fff; text-align:center; }
#join_test .join-form li.birth:after { clear:both; display:block; content:''; }
#join_test .join-form li.birth { line-height:51px;border: none;}
#join_test .join-form li.birth dl {font-size:0; letter-spacing: 0;}
#join_test .join-form li.birth dd {display:inline-block;width: calc(33.33% - 10px);margin-right:15px;vertical-align: top;}
#join_test .join-form li.birth dd:last-child {margin-right:0}
#join_test .join-form li.birth .sbHolder  {background-color:#F4F4D9;margin: 0;border: 1px solid #000;height: 49px;}
#join_test .join-form li.birth .sbHolder a {font-weight:400;font-size:20px;background: url(https://roompacker.cdn.smart-img.com/newRoompacker/images/common_new/icon_arrowB.png) no-repeat right 10px center/14px auto;height: 49px;line-height: 49px;}
#join_test .join-form li.birth .sbHolder li:nth-child(1) { display:none; }
#join_test .join-form li.birth .sbHolder li {margin:0;line-height: 1 !important;height: auto !important;padding: 0 10px !important;}
#join_test .join-form li.birth .sbHolder li a {background:none;font-size: 18px;display: block;box-sizing: border-box;padding: 7px;border-bottom: 1px dashed #000;}
#join_test .join-form li.birth select {width:100%;height: 49px;background-color:#fff;background-position:center right 14px;font-size:14px;}
#join_test .join-form li.gender {border:none; }
#join_test .join-form li.gender .gender_list {font-size:0;box-sizing: border-box;letter-spacing: 0;margin-top: 16px;}
#join_test .join-form li.gender .gender_list label {font-size:14px;text-align:center;width: 33.33%;display:inline-block;height: 49px;line-height: 49px;border: 1px solid #000;box-sizing:border-box;border-right:0;cursor: pointer;background: #fff;margin: 0;}
#join_test .join-form li.gender .gender_list label.on {background:#000; color:#fff}
#join_test .join-form li.gender .gender_list label input {display:none; }
#join_test .join-form li.gender .gender_list label:last-child {border-right:1px solid #000}

#join_test .join-msg li label { font-size:14px; font-weight:bold; }
#join_test .join-msg li { height:18px; line-height:18px; padding-left:2px; color:#999; }
#join_test .bottom-btn { padding:40px 0; text-align:center; }
#join_test .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; }

#sms_btn, .sms_num { position:absolute; top:20px; right:0 }

/* 약관 동의 */
#join_test .tb-l { text-align: left; }
#join_test .tb-c { text-align: center; }
#join_test .pl-30 { padding-left: 15px; }
#join_test .pl-6 { /*padding-left: 6px; */}
#join_test .pt-10 { padding-top:10px; }
#join_test .pb-10 { padding-bottom:10px; }
#join_test .ml-30 { margin-left:0px !important; }
#join_test .p10 {padding:10px;font-size: 11px;}
#join_test .input-cbox { width:16px; height:16px; padding:0; margin:0; margin-top:-3px; *margin-top:1px; vertical-align:middle; *vertical-align:top; }
#join_test .new-btn-area { text-align: center; margin:20px 0 0; padding-bottom:30px; border-bottom:1px solid #ececec; }
#join_test .new-btn-area a { display:block; width:234px; height:64px; line-height:66px; margin:0 auto; font-size:22px; font-weight:bold; color:#fff; background:#0549bb; border:1px solid #053688; }
#chkwrap { border:1px solid #dedede; }
#chkwrap .all-chk { height:43px; line-height:45px; padding-left:20px; font-size:14px; font-weight:bold; color:#000; border-bottom:1px solid #dedede; }
div#chkwrap .all-chk .input-cbox { width:16px; height:16px; padding:0; margin:0; margin-top:-3px; *margin-top:0; vertical-align:middle; *vertical-align:top; }
#chkwrap .cont ul:after { clear: both; content: ""; display: block; }
#chkwrap .cont ul {  width: 500px; padding-left: 30px !important; padding-bottom:15px; }
#chkwrap .cont ul li { float:left; width:220px !important; padding-left:0px; line-height:18px; letter-spacing:-1px; }
#chkwrap .cont ul li.w240 { width:240px; padding-left:0; }
#chkwrap .cont ul li a { display:inline-block; width:50px !important; height:16px; line-height:20px; *line-height:18px; font-weight:normal; font-size:11px; border:1px solid #bdbec7; background:#fafafa; text-align:center; }
#chkwrap .cont strong { color:#000; }
#chkwrap .cont label { font-weight:bold; }
#chkwrap .cont .marketing { padding-left:30px; border-top:1px dashed #dadada; line-height:18px; position: repative; }
#chkwrap .cont .marketing .mk-wrap { height:44px; line-height:46px; }

h4.tit { margin-top: 50px; margin-bottom: 5px; padding-left:5px; font-size: 14px; font-weight: bold; }

/* 이용 약관 */
#join_test .privercy-contract textarea {width:97%;height:165px;font-size: 12px;word-wrap: break-word;word-break:keep-all;}
/* 개인정보 수집이용, 제3제공, 취급위탁 테이블 */
#join_test .contract-tbl { width:100%; border-spacing:0; border-collapse:collapse; }
#join_test .contract-tbl th,
#join_test .contract-tbl td {border:1px solid #e0e0e0;text-align:center;font-size: 11px;}
#join_test .contract-tbl th { background: #fcfcfc; }
#join_test .contract-tbl th div { height:41px; line-height:43px; font-size:12px }
#join_test .contract-tbl tbody th { font-weight:normal; }

#join_test .btm-msg {    padding-top: 0;word-wrap:break-word; word-break:keep-all; line-height: 1.5; color: #666;  font-size: 12px;}

.join-footer{text-align:center;padding-top: 52px;}
.join-footer .cbtn.form{width: 100%;height: 76px;line-height: 76px;font-size: 24px;margin:0 5px;color: #F4F4D9;}

#join_test .cateTit_v2.join { border:none; box-sizing:border-box; text-align:center; margin: 75px 0 30px; padding:0 }
#join_test .cateTit_v2.join .title {font-size:24px; color:#000; }




.join-agree {border-top:1px solid #000}
.join-agree li {font-size: 12px;border-bottom: 1px solid #000;padding: 21px 0;line-height: 1.5;padding-left: 2px;color: #999;}
.join-agree li:last-child {border-bottom:none;color: #888;word-wrap: break-word;word-break:keep-all;}
.join-agree li label input[type="checkbox"] {opacity:0; display:none;}
.join-agree li label span {padding-left: 32px;position:relative;display:inline-block;font-size: 15px;}
.join-agree li label span:after {content:'';position:absolute;top: calc(50% - 10.5px);left:0;width: 21px;height: 21px;border: 1px solid #000;border-radius: 100%;box-sizing: border-box;}
.join-agree li label input:checked ~ span:before {content:'';position:absolute;top: 5px;left: 4px;width: 12px;height: 15px;background: url(https://roompacker.cdn.smart-img.com/newRoompacker/images/common_new/icon_chk_on2.png) no-repeat center/100%;z-index: 1;}
.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;width: 17px;}
.join-agree li div.tit span.more.active {transform: rotate(180deg);top: 3px;}
.join-agree li div.tit span.more img {/* width: 14px; */}
.join-agree li div.tit span.view {position:absolute;top: 3px;right:0;cursor:pointer;color:#999;cursor:pointer;font-size: 14px;}
.join-agree li dl {display:none;box-sizing:border-box;margin-top: 32px;}
.join-agree li dl.active {display:block;}
.join-agree li dl dd {margin-top: 14px;}
.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; }



.agree_box label {cursor: pointer;position:relative;display:inline-block;color:#000}
.agree_box label input[type="checkbox"] {width: 16px;position:relative;height: 16px;margin:0 6px 0 0px !important;}
.agree_box #chkwrap .cont ul li {float: none !important;width: 100% !important;display: flex;align-items: center;justify-content: space-between;}
.agree_box #chkwrap .p10 {padding:10px 20px !important}
.agree_box #chkwrap .cont ul {width:100% !important;padding: 0  0  20px 0!important;}
.agree_box #chkwrap .cont ul li a {height: 26px !important;line-height: 26px !important;margin-top: 0 !important;margin-left: 5px;}
.agree_box #chkwrap .cont ul li label input {margin-top: -5px !important;}
.agree_box #chkwrap .all-chk {padding-left:16px !important;}
.agree_box #chkwrap .cont .marketing {width:100% !important;padding: 0  0  20px 0!important;}
.agree_box #chkwrap .cont .marketing .mk-wrap {height:auto !important; line-height:1.5 !important; margin:16px 0}
.agree_box #chk_cont1 {border-top:1px solid #000; padding-top:40px }
.agree_box h4.tit {margin-bottom:16px; padding-left:0}

.agree_box #chkwrap .cont ul li label input, .agree_box #chkwrap .cont .marketing .mk-wrap label input {margin-top: -5px !important;}
#join_test .join-msg li {height:auto; }
#join_test .join-msg li.all_agree  label { color:#000}
#chkwrap .cont ul {width:100% !important; }
#chkwrap .cont ul li a {height:32px; line-height:32px; }
#chkwrap .cont label {font-weight:300 !important; font-size:13px}
#chkwrap .txt {font-size:12px ;word-wrap:break-word; word-break:keep-all;}





/* BASIC css end */


/* BASIC css end */