/* BASIC css start */
/* button */
.cbtn{display:inline-block;font-size:14px;color:#333;min-width:70px;height:40px;line-height:40px;border:1px solid #ddd;text-align:center;-webkit-transition:all 0.3s ease;transition:all 0.3s ease; font-weight:500; border-radius: 3px; }
.cbtn.form{}
.cbtn.form.action{background-color:#000;color:#fff;}
.cbtn.form:hover{background-color:#333;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 { width: 550px; margin: 0 auto;}
#join_test .join-form { margin-bottom:12px; border-top:1px solid #ddd; border-left:1px solid #ddd;margin:0 auto}
#join_test .join-form li { position:relative; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff; color:#333; height: 60px; line-height: 60px; padding-left: 20px; }
#join_test .join-form li label { font-size:14px; color: #777; }
#join_test .join-form li .txt-input { position:absolute; top:0; height: 60px; line-height:60px; padding:0; margin:0; font-size: 14px; font-weight: 500; color:#333; border: 0; opacity: 0; filter: alpha(opacity=0); }
#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%; }
#join_test .join-form li.gender {}
#join_test .join-form li.gender label { margin-right:30px; }
#join_test .join-msg{margin:0 auto}
#join_test .join-msg li label {font-size:14px;font-weight:500;border: 1px solid #ddd; line-height: 40px;height: 40px;color: #333;background-color: #fff;cursor: pointer;transition:all .3s ease;user-select:none; display: inline-block; padding: 0 20px; border-radius: 3px;}
#join_test .join-msg li label:hover{background-color:#333;color:#fff;}
#join_test .join-msg li {color: #777; margin-top: 20px;font-size: 14px; line-height: 16px;}
#join_test .bottom-btn { padding:40px 0; text-align:center; }
#join_test .bottom-btn a { display:block; height:58px; line-height:58px; margin:20px auto; font-weight:500; color:#fff; font-size:20px; text-align:center; letter-spacing:-1px;background-color:#333;user-select:none;transition:all .3s ease}
#join_test .bottom-btn a:hover{background-color:#222}

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

/* 약관 동의 */
#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:16px; }
#join_test .input-cbox { width:12px; height:12px; 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:30px 0 0; padding-bottom:30px; border-bottom:1px solid #ddd; }
div#join_test .new-btn-area a { display:block; width:200px;line-height:60px; margin:0 auto; font-size:16px;font-weight:500;color:#fff;background:#1B9C67;border:0;transition:all .3s ease;user-select:none;height:60px; border-radius: 3px;}
#join_test .new-btn-area a:hover{background-color:#157b51;}
#chkwrap { border:1px solid #dedede;transition: all .3s ease}
div#chkwrap .all-chk { height:53px; line-height:45px; padding-left: 0; font-size:14px; font-weight:500; color:#333; border-bottom:1px solid #ddd;text-align:center;transition:all .3s ease;}
#chkwrap .all-chk .input-cbox { width:14px; height:14px; 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; }
div#chkwrap .cont ul {margin: 0 auto 16px auto; width: 550px !important;}
div#chkwrap .cont ul li { float:left; line-height:18px; letter-spacing:-1px; margin-right: 10px; width: none;}
#chkwrap .cont ul li.w240 { width:240px; padding-left:0; }
div#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;margin-left:3px}
#chkwrap .cont strong { color:#333 !important; font-weight: 600 !important; }
#chkwrap .cont label { font-weight:600 !important;}
div#chkwrap .cont .marketing { padding-left:0; border-top:1px dashed #ddd; line-height:23px; width:100%; margin:0 auto; padding-bottom: 0;}
#chkwrap .cont .marketing .mk-wrap { height:45px; line-height:45px; }

h4.tit { margin-top: 50px; margin-bottom: 5px; padding-left:5px; font-size: 16px !important; font-weight: 600 !important;line-height:30px}

/* 이용 약관 */
#join_test .privercy-contract textarea {width:92%;height:150px;word-break: break-all;white-space: pre-wrap;line-height: 20px;font-size: 13px; color: #777;}

/* 개인정보 수집이용, 제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 #ddd; text-align:center; }
#join_test .contract-tbl th { background: #f4f4f4;}
#join_test .contract-tbl th div { height:45px; line-height:45px;color:#333; font-weight: 600;}
#join_test .contract-tbl tbody th { font-weight:normal; }

#join_test .btm-msg {line-height:22px; font-weight: 500; padding-top: 20px !important;}

.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_title {
    text-align: center;
    position:relative;
    margin-bottom: 30px;
}
/* .join_test_title em:before{content:'';background:url("http://limyoy24.img4.kr/img/title_frame_top.png");position:absolute;top:0;left:50%;width:226px;height:62px;margin-left:-113px;}
.join_test_title em:after{content:'';background:url("http://limyoy24.img4.kr/img/title_frame_bottom.png");position:absolute;bottom:0;left:50%;width:226px;height:23px;margin-left:-113px;} */
.join_test_title em {font-size: 22px;font-weight:600;color:#333; display:inline-block;position:relative;}
div#join_test .join-form li .txt-input{width: 100%;box-sizing: border-box;padding-left: 23px;left: 0;}
div#join_test .join-form li .txt-input:focus{background-color: #fafafa;}
.new-privercy-contract{margin-top: 60px; width: 550px;}

div#chkwrap .all-chk label{display: block;cursor: pointer;}
div#chkwrap .all-chk input{cursor: pointer;}
table.contract-tbl *{font-size:14px;line-height:150%}
table.contract-tbl td{background-color:#fff}
div#join_test table.contract-tbl tbody td{border-top:0}
div#join_test table.contract-tbl tbody th{border-top:0}




#chkwrap .p10 {padding: 8px 16px 16px 16px !important; font-size: 14px !important;}
#chkwrap .cont .marketing .txt {line-height: 1.4;}
#contentWrap {margin: 100px auto;}
#join_test .cp_banner {text-align: center; margin-bottom: 60px;}


#join_test .join-form li.birth select {width: 100%; height: 40px; margin: 10px 0; display: inline-block; border-radius: 3px;}

[class*="holding"] {font-weight: 600 !important;}

/* BASIC css end */