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

.box-wrap {
    margin-top: 33px;
}
#join_test .page-body {width: 580px;margin: 0 auto;padding: 120px 0;}
#join_test .page-body h3.top_title { font-size: 28px;color: #001b46;font-weight:500;line-height:18px; }
#join_test .join-form {margin-bottom:12px;}
#join_test .join-form li {position:relative;background:#fff;color:#000;height: 64px;color: #a6a6a6;font-size: 14px;line-height: 64px;cursor: text;box-sizing: border-box;-webkit-box-sizing: border-box;border: 1px solid #eaeaea;margin-bottom: 16px;}
#join_test .join-form li label {font-size: 16px;padding-left: 16px;}
#join_test .join-form li .txt-input {position:absolute;top:0;left: 0;width: 100%;height: 62px;line-height: 62px;padding:0;margin:0;padding-left: 16px;font-size: 16px;font-weight: 400;color:#000;border: 0;opacity: 0;filter: alpha(opacity=0);box-sizing: border-box;-webkit-box-sizing: border-box;}
#join_test .join-form li .input-radio { width:14px; height:14px; margin:0; margin-top:-2px;  margin-right:8px; 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: 182px;margin-left: 16px;font-size:14px;font-weight:bold;}
#join_test .join-form li.birth dl dd:first-child {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%; }
#join_test .join-form li.gender {}
#join_test .join-form li.gender label {margin-right:30px;color: #001b46;font-size: 14px;}
#join_test .join-msg li label {color: #001b46;font-size: 14px;font-weight: 700;}
#join_test .join-msg li label input { margin-top:-4px; }
#join_test .join-msg li {line-height: 20px;padding-left: 4px;color: #a6a6a6;font-size: 14px;padding-bottom: 24px;}
#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; }

.birth .sbToggle {background: url(/design/waterman01/pc/join_sel.png) center no-repeat;height: 64px;}
.birth .sbHolder {margin-top:0;height: 64px;line-height: 64px;border-color: #eaeaea;background: #fff;box-sizing:border-box;z-index:9;width: 182px;font-weight: 400;font-size: 16px;}
.birth .sbSelector {height: 64px;line-height: 64px;padding-left: 9px;box-sizing:border-box;color:#001b46; font-size:16px; }

.sbOptions {
    top: 62px!important;
    max-height: 257px !important;
}
.sbOptions li {
    height: 17px!important;
}

.sbOptions a {
    padding-left: 9px;
    font-size:14px!important;
    color:#001b46!important;
}

#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: 0 16px!important;}
#join_test .input-cbox {width: 16px;height: 16px;padding:0;margin:0;margin-top: -1px; *margin-top:1px;vertical-align:middle; *vertical-align:top;margin-right: 8px!important;}
#join_test .new-btn-area { text-align: center; margin:40px 0 0; border-bottom:none!important; padding-bottom:0!important;  }
#join_test .new-btn-area a { transition:all 0.3s ease; display:block;width: 100%;height: 64px;font-size: 16px;line-height: 64px;display: inline-block;box-sizing: border-box;-webkit-box-sizing: border-box;border: 1px solid #001b46;background: #001b46;color: #fff;text-align: center;font-weight: 400;}
#chkwrap {border: 1px solid #eaeaea!important;border-radius: 10px;}
#chkwrap .all-chk {height: 52px!important;line-height: 52px!important;padding-left: 16px!important;font-size:14px;font-weight: 500;color: #001b46!important;border-bottom:1px solid #dedede;}
#chkwrap .all-chk .input-cbox {width: 20px!important;height: 20px!important;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: auto!important;padding-bottom:15px;}
#chkwrap .cont ul li {float:left;width: auto !important;padding-left:0px;line-height: 0!important;padding-top: 24px;margin-right: 40px;}
#chkwrap .cont ul li.w240 { width:240px; padding-left:0; }
#chkwrap .cont ul li a {cursor:pointer; display:inline-block;width: 64px !important;height: 20px!important;line-height: 22px!important; *line-height:18px;font-weight: 500!important;font-size: 12px!important;border: 1px solid #011a43!important;background: #f5f8fd!important;text-align:center;color: #001b46;}
#chkwrap .cont strong {color: #5d5d5d!important;font-weight: 400;}
#chkwrap .cont label {font-weight: 500!important;margin-right: 8px;font-size: 13px;color: #001b46!important;}
#chkwrap .cont label strong {
    color: #001b46!important;
    font-weight: 500;
}
#chkwrap .cont .marketing {padding-left: 0!important;border-top: none!important;line-height:18px;position: repative;padding-bottom: 25px;color: #5d5d5d;}
#chkwrap .cont .marketing .mk-wrap {height: auto!important;line-height: 1!important;margin-bottom: 21px;padding-top: 4px;}

h4.tit {margin-top: 0!important;margin-bottom: 18px!important;padding-left:5px;font-size: 18px!important;font-weight: bold;}

/* ÀÌ¿ë ¾à°ü */
#join_test .privercy-contract textarea {width: 100%;height: 100%;box-sizing: border-box;line-height: 1.5;border: 1px solid #fff;border-radius: 10px;padding: 0;color: #5e5e5e;padding-right:24px;resize:none;font-size: 13px; outline:none;}


#join_test .privercy-contract textarea::-webkit-scrollbar-track
{
 -webkit-box-shadow: rgba(0,0,0,0.3);
 border-radius: 10px;
 background-color: #fff;
}

#join_test .privercy-contract textarea::-webkit-scrollbar
{
 width: 4px;
 background-color: #fff;
}

#join_test .privercy-contract textarea::-webkit-scrollbar-thumb
{
 border-radius: 10px;
 -webkit-box-shadow: rgba(0,0,0,.3);
 background-color: #eaeaea;


}

/* °³ÀÎÁ¤º¸ ¼öÁýÀÌ¿ë, Á¦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:30px; line-height:18px; }

.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;}
#join_test .new-btn-area a:hover {background: #f5f8fc;
    color: #001b46;  }
h1.input_title {
    color: #001b46;
    font-size: 14px;
    font-weight: 500;
    margin-top: 26px;
    margin-bottom: 8px;
    padding-left: 4px;
}

#join_test .input-cbox:checked { background-size: 11px 8px!important; }
#chkwrap .all-chk .input-cbox:checked { background-size: 14px 10px!important; }


.view_box01 {
    width: 660px;
    height: 605px;
    padding: 40px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 201;
    transform: translate(-50%, -50%);
    background: #fff;
    display:none;
    border:1px solid #001b46;
}

.view_box01 .privercy-contract { padding:24px; padding-right:10px; border:1px solid #eaeaea; border-radius:10px; height:490px; box-sizing:border-box; -webkit-box-sizing:border-box; }


.view_box01>a, .view_box02>a, .view_box03>a, .view_box04>a { position:absolute; top: 16px; right:16px; }

.view_box02 {
    width: 660px;
    padding: 40px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 201;
    transform: translate(-50%, -50%);
    background: #fff;
    display:none;
    border:1px solid #001b46;
}

.view_box03 {
    width: 660px;
    padding: 40px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 201;
    transform: translate(-50%, -50%);
    background: #fff;
    display:none;
    border:1px solid #001b46;
}

#chkwrap .mk-wrap label:first-of-type {
    margin-right: 0;
}

#chkwrap .mk-wrap label:nth-of-type(2) {
    margin-left: 8px;
}


.parker_go { text-align:center; padding-top:24px; }
.parker_go a {     display: inline-block;
    color: #001b46;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    border-bottom: 1px solid #001b46;
    margin: 0 auto; padding-bottom: 3px; }
    
.parker_go img {
    vertical-align: baseline;
    margin-left: 5px;
}


#join_test .contract-tbl:last-of-type th, #join_test .contract-tbl:last-of-type td {
    border-top: none;
}



.view_box03 h4#chk_cont2, .view_box03 table:first-of-type, .view_box03 table:nth-of-type(2), #join_test .view_box03 .btm-msg {
    display: none;
}


.view_box02 h4#chk_cont4, .view_box02 table:last-of-type {
    display: none;
}


.view_box03 td {
    height: 40px;
}

.view_box03 thead {
    border-top: 1px solid #e0e0e0;
}
/* BASIC css end */