/* 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;}

#join_test .page-body { margin:0 auto 100px; width:582px }
#join_test .join-form { border:1px solid #ccc; border-bottom:0; border-radius:5px }
#join_test .join-form li { padding:0 35px; position:relative; height:56px; color:#000; line-height:56px; border-bottom:1px solid #ccc }
#join_test .join-form li label { font-size:14px; color:#999; font-weight:300 }
#join_test .join-form li .txt-input { padding:0; margin:0; position:absolute; top:0; left:35px; width:300px; height:56px; font-size:14px; color:#000; line-height:56px; border:0; opacity:0; filter:alpha(opacity=0) }
#join_test .join-form li.birth { padding-right:0 }
#join_test .join-form li.birth label,
#join_test .join-form li.birth dl.type1 { display:inline-block; vertical-align:top }
#join_test .join-form li.birth dl.type1 { padding-left:55px; font-size:0 }
#join_test .join-form li.birth dl.type1 dd { display:inline-block; width:144px }
#join_test .join-form li.birth dl.type1 dd .sbHolder { margin:0; height:56px; border:0; border-left:1px solid #ccc }
#join_test .join-form li.birth dl.type1 dd:first-child .sbHolder { border-left:0 }
#join_test .join-form li.birth dl.type1 dd .sbHolder .sbSelector { height:56px; color:#363942; font-weight:300; line-height:56px }
#join_test .join-form li.birth dl.type1 dd .sbHolder .sbToggle { width:52px; height:56px; background:url(/design/parker01/common/sp_select.png) 0 0 no-repeat }
#join_test .join-form li.birth dl.type1 dd .sbHolder .sbToggle.sbToggleOpen { background-position:0 -56px }
#join_test .join-form li.birth dl.type1 dd .sbHolder .sbOptions { max-height:200px !important; z-index:10 !important }
#join_test .join-form li.birth dl.type1 dd .sbHolder .sbOptions li a { font-weight:400 }
#join_test .join-form li.gender {  }
#join_test .join-form li.gender label span { font-size:12px }
#join_test .join-form li.gender label,
#join_test .join-form li.gender .genderRadio { display:inline-block; vertical-align:top }
#join_test .join-form li.gender .genderRadio { padding-left:58px }
#join_test .join-form li.gender .genderRadio label:first-child { margin-right:32px }
#join_test .join-form li.gender .genderRadio label { color:#363942 }
#join_test .join-msg { padding:30px 0 }
#join_test .join-msg li label { font-size:14px; color:#363942; font-weight:700 }
#join_test .join-msg li { font-size:14px; color:#999; font-weight:300; line-height:20px }
#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; }

/*
#join_test .join-form li .input-radio { width:14px; height:14px; margin:0; margin-top:-2px; padding:0; vertical-align:middle; }
#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 { *z-index:2; line-height:51px; }
#join_test .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_test .join-form li.birth dl dd { position:relative; float:left; width:100px; margin-left:10px; font-size:14px; font-weight:bold; }
#join_test .join-form li.birth dl dd:first-child { width:100px; margin-left:0; }
#join_test .join-form li.birth dl.type2 ul li { margin:0; padding:0; border:0; }
#join_test .join-form li.birth dl.type2 ul li .txt-input { left:0; width:90%; }
*/

#sms_btn,
.sms_num { position:absolute; top:0; left:323px }

/* ¾à°ü µ¿ÀÇ */
#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; }
#join_test .input-cbox { width:20px; height:20px; 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:50px 0 0; border-bottom:0 !important; padding-bottom: 20px; }
#join_test .new-btn-area a { display:block; width:580px; height:56px; line-height:56px; font-size:16px; font-weight:600; color:#fff; background:#363942; border:1px solid #363942; border-radius:50px; -webkit-transition:all 0.3s ease; transition:all 0.3s ease }
#join_test .new-btn-area a:hover { color:#363942; background:#fff }
#join_test .new-btn-area a:active { position:relative; top:1px }

#chkwrap { border:0 !important }
#chkwrap .all-chk { padding:0 !important; height:56px !important; font-size:16px !important; color:#999 !important; text-align:center; line-height:56px !important; border:1px solid #ccc !important; border-radius:5px; transition:all 0.3s ease; -webkit-transition:all 0.3s ease }
#chkwrap .all-chk label { display:inline-block; width:100%; height:56px; background:url(/design/parker01/common/ico_join_allchk_off.png) 16px 0 no-repeat }
#chkwrap .all-chk .input-cbox { display:none }
#chkwrap .all-chk.on { color:#363942 !important; border:1px solid #363942 !important }
#chkwrap .all-chk.on label { background:url(/design/parker01/common/ico_join_allchk_on.png) 16px 0 no-repeat }
#chkwrap .allChkNoti { padding:25px 5px; font-size:12px; color:#666; line-height:20px }
#chkwrap .cont { padding:0 !important; border-top:1px solid #eee }
#chkwrap .cont ul { padding:10px 0 0; width:auto !important }
#chkwrap .cont ul li { margin-top:20px; padding:0 !important; position:relative; float:none !important; width:100% !important; padding-left:0px; line-height:inherit !important; letter-spacing:0 !important }
#chkwrap .cont ul li label { font-size:14px; color:#363942; font-weight:300 }
#chkwrap .cont ul li a { position:absolute; top:-1px; right:0; margin-top:0 !important; width:28px !important; height:auto !important; font-size:0 !important; border:0 !important; background:none !important }
#chkwrap .cont ul li a:after { display:inline-block; width:28px; height:20px; background:url(/design/parker01/common/ico_privacy_arr.png) 0 0 no-repeat; content:'' }
#chkwrap .cont .privacyBtnNoti { padding:25px 0; font-size:12px; color:#999 }
#chkwrap .cont .marketing { padding-left:0 !important; border-top:1px solid #eee !important; color:#666; line-height:18px }
#chkwrap .cont .marketing .mk-wrap { padding:20px 0 10px }
#chkwrap .cont .marketing .mk-wrap strong { font-size:14px; color:#363942; font-weight:300 }
#chkwrap .cont .marketing .mk-wrap label { font-size:14px; color:#363942; font-weight:300 }
#chkwrap .cont .marketing strong { color:#666; font-weight:400 }

h4.tit { margin:0 !important; padding:0 !important; height:68px; font-size:16px !important; color:#363942; font-weight:600 !important; line-height:68px }

/* ÀÌ¿ë ¾à°ü */
#join_test .privercy-contract textarea { padding:10px 30px 10px 0; width:89%; height:500px; border:0 }
#join_test .privercy-contract textarea::-webkit-scrollbar { width:6px }
#join_test .privercy-contract textarea::-webkit-scrollbar-thumb { border-radius:10px; background:#ddd }
#join_test .privercy-contract textarea::-webkit-scrollbar-track { background:transparent }

/* °³ÀÎÁ¤º¸ ¼öÁýÀÌ¿ë, Á¦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; }
#join_test .contract-tbl th { background: #fcfcfc; }
#join_test .contract-tbl th div { height:41px; line-height:43px; }
#join_test .contract-tbl tbody th { font-weight:normal; }

#join_test .btm-msg { padding-top:0; font-size:12px; color:#363942; font-weight:300; line-height:18px; }

#join_test .privacyTitle { margin:25px 0; font-size:20px; color:#363942; text-align:center }

.join-footer{text-align:center;padding-top:15px;}
.join-footer .cbtn.form{width:288px;height:58px;line-height:58px;font-size:16px;margin:0 5px;}

/* ÀÌ¿ë¾à°ü ·¹À̾î */
.termsLayer { display:none; position:fixed; top:0; left:0; right:0; bottom:0; font-size:0; text-align:center; background:rgba(0,0,0,0.5); z-index:9999 }
.termsLayer:before { display:inline-block; width:0; height:100%; vertical-align:middle; content:'' }
.termsLayer .inner { display:inline-block; padding-bottom:2%; position:relative; width:580px; max-height:90%; border:1px solid #363942; background:#fff; vertical-align:middle }
.termsLayer .inner .terms2_box { padding:20px 20px 0 20px }
.termsLayer .inner .layerClose { margin:0 !important; position:absolute; top:14px; right:12px; font-size:32px; cursor:pointer }
.privacyTerms2Layer #chk_cont4 { display:none }
.privacyTerms2Layer #chk_cont4 ~ .contract-tbl { display:none }
.privacyTerms4Layer #chk_cont2 { display:none }
.privacyTerms4Layer #chk_cont2,
.privacyTerms4Layer .contract-tbl:nth-child(2),
.privacyTerms4Layer .contract-tbl:nth-child(4)  { display:none }

/* ¿öÅÍ¸Ç ¹Ù·Î°¡±â */
.watermanLink { width: 300px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; font-size: 16px; font-weight: 600; }
.watermanLink i { font-size: 15px; }


.birth select { width: 40%; padding-left: 5px; }
/* BASIC css end */