/* BASIC css start */
/* BASIC css start */
/* BASIC css start */
/* BASIC css start */

#join_test {width: 465px;margin:0 auto;}
#join_test h2 {display:none;margin:10px 0 30px 0; padding-bottom:5px; font-size:14px; font-weight:bold; color:#434343; border-bottom:3px solid #3a4452; }
#join_test .box-wrap {width: 465px;margin:0 auto;}
#join_test .box-wrap label input{
    background-image: url(/design/iloveje/Pooky/241125_unchecked01.png);
    background-position: 0 -1px;
    background-repeat: no-repeat;
    background-size: 18px;
    appearance: none;
    position: absolute;
    left: 0;
    cursor: pointer;
}
#join_test .box-wrap label input:checked{background-image: url(/design/iloveje/Pooky/241125_checked01.png);}
#join_test .box-wrap label{position: relative;padding-left: 20px;display: flex;align-items: center;}
#join_test .box-wrap .join-msg{}
#join_test .box-wrap .join-msg li:first-child{
    font-size: 12px;
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    padding: 21px 0 !important;!i;!;
    line-height: 1.5;
    padding-left: 2px;
    color: #000 !important;
    font-weight: 400;
}
#join_test .box-wrap .join-msg li:first-child label{color: #000;font-weight: 400;font-size: 15px;padding-left: 23px;position: relative;display: flex;align-items: center;}
#join_test .box-wrap .join-msg li:first-child label input{
    position: absolute;
    left: 0;
    width: 18px;
    height: 18px;
}
#join_test .box-wrap .join-msg li:nth-child(2){
    font-size: 12px;
    padding: 21px 0;
    padding-left: 2px;
    color: #888;
    height: auto;
    line-height: 1.5;
}
#join_test .join-form {}
#join_test .join-form li {position: relative;background: #fff;color: #000;margin-bottom: 60px;}
#join_test .join-form li label {
    display: block;
    font-size: 15px;
    margin-bottom: 4px;
    padding-left: 0;
}
#join_test .join-form li .txt-input {width: 100%;opacity: 1 !important;!i;!;height: 40px;line-height: 40px;padding:0;margin:0;font-size: 14px;font-weight: bold;color:#000;border: 0;opacity: 0;filter: alpha(opacity=0);border-bottom: 1px solid #000;}
#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 .birth_select{}
#join_test .join-form li.birth .birth_select select{
    display: inline-block;
    width: calc(33.33% - 29px);
    margin-right: 40px;
    vertical-align: top;
    height: 49px;
    background-position: center right 14px;
    font-size: 14px;
    cursor:pointer;
    appearance: none;
    padding-left: 10px;
    background: url(/design/iloveje/Pooky/241125_select01.png) no-repeat 90% center #fff;
    background-size: 16px;
}
#join_test .join-form li.birth .birth_select select:last-child{margin-right:0;}
#join_test .join-form li.birth { *z-index:2; line-height:51px;border-bottom: 0; }
#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.birth .type2{display:none;}
#join_test .join-form li.gender {font-size:0;border-bottom:0;}
#join_test .join-form li.gender label {}
#join_test .join-form li.gender .label-gender{

    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 .label-gender input{    display: none;}
#join_test .join-form li.gender .label-gender.on{
    background: #000;
    color: #F4F4D9;
}
#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; }


/* ¾à°ü µ¿ÀÇ */
#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: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: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; }
#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; }
#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;
    font-size: 14px;
    font-weight: bold;
        margin-bottom: 16px;
}
h4.tit#chk_cont1 {
    border-top: 1px solid #000;
    padding-top: 40px;
    margin-top: 50px;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 16px;
    padding-left: 0;
}

/* ÀÌ¿ë ¾à°ü */
#join_test .privercy-contract textarea {width: 100%;height: 190px;box-sizing: border-box;}
/* °³ÀÎÁ¤º¸ ¼öÁýÀÌ¿ë, Á¦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; }

.new-privercy-contract th:has(input[type="checkbox"]), .new-privercy-contract td:has(input[type="checkbox"]) {
    display: none;
}
.new-privercy-contract table col:last-child {
    display: none;
}
#join_test .btm-msg { padding-top:30px; line-height:18px; }


.form-wrap {width:620px; margin-top:30px; border:1px solid #aaa; border-radius:8px; padding-bottom:21px; text-align:left; }
.form-wrap h3.form-title {margin:0; padding:21px 25px 0; font-size: 18px; font-family: 'Malgun Gothic'; cursor: pointer;}
.form-wrap h3.form-title strong {display:block; background: url(/images/common/ico_arrow_up.png) no-repeat right center; letter-spacing:-1px;}
.form-wrap h3.form-title.off strong {background: url(/images/common/ico_arrow_down.png) no-repeat right center;}
.new-privercy-contract {width: 465px;margin:0 auto;}
.new-privercy-contract h3 { position:relative; font-weight: bold; margin:30px 0 5px 0; text-align: left; }
.new-privercy-contract h3 span { color:#0f6efc; }
.new-privercy-contract h3 .check { position:absolute; top:0; right:0; width:70px; }
.new-privercy-contract h3 .check input { width:12px; height:12px; vertical-align:top; }
.new-privercy-contract h3.w-normal { font-weight: normal }
.new-privercy-contract .p10 {padding:10px;}
.new-privercy-contract .period {font-size:13px; font-weight:700;}
.new-privercy-contract .privacy-noti {margin-top:10px;color:#666;font-weight:normal;display: none;}
.new-privercy-contract input {vertical-align:middle;} /* 220802 Ãß°¡ */
.new-privercy-contract .privercy-chk {margin-top:10px; text-align:right;} /* 220802 Ãß°¡ */
.new-privercy-contract .privercy-chk label {color:#666;} /* 220802 Ãß°¡ */
.privercy-contract-tap { height:35px; }
.privercy-contract textarea { width:600px; height:150px; color:#666; }
.btn-agree {margin-top:30px;}
.btn-agree a {display:block; padding:25px 0; background:#000; border-radius:8px; color:#fff; text-align:center; font-family: 'Malgun Gothic'; font-size:20px; font-weight:700; letter-spacing:-1px;}

.pooky_all_agree_area {
   border: 1px solid #dedede;
   background: #ffffff;
   width: 100%;
   padding-bottom: 30px;
   box-sizing: border-box;
}

.pooky_all_agree_area .all_agree {height: 43px;line-height: 45px;padding-left: 20px;font-size: 14px;font-weight: bold;color: #000;border-bottom: 1px solid #dedede;display: flex;align-items: center;grid-gap: 10px;}

.pooky_all_agree_area .all_agree input{
    width: 18px;
    height: 18px;
}
.pooky_all_agree_area .other_agree_list {
   !;
   display: flex;
   flex-flow: column;
   grid-gap: 15px;
   padding: 20px 20px 10px;
}

.pooky_all_agree_area .other_agree_list > div {
  width: 100%;!;
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 1.8;
}
.pooky_all_agree_area .other_agree_list > div .input_area{
    font-size: 13px;
}
.pooky_all_agree_area .other_agree_list > div .input_area label{
    padding-left: 25px;
    height: 18px;
    display: flex;
    align-items: center;
    position: relative;
}
.pooky_all_agree_area .other_agree_list > div .input_area label input:checked + label{}
.pooky_all_agree_area .other_agree_list > div .input_area input{
    width: 18px;
    height: 18px;
}

.pooky_all_agree_area .maketing_agree {
  margin: 16px 20px 0;,
  animation: ;,
  animation: 1;
  border-top: 1px dashed #dadada;
  padding: 15px 0;
  display: flex;
}

.pooky_all_agree_area .maketing_agree .all_input_area {
   
}
.pooky_all_agree_area .maketing_agree .all_input_area input{
    width: 18px;
    height: 18px;
}
.pooky_all_agree_area .maketing_agree .all_input_area label{
    font-size: 13px;
    font-weight: bold;
}

.pooky_all_agree_area .maketing_agree .unit_agree {
  display: flex;
  align-items: center;
}
.pooky_all_agree_area .maketing_agree .unit_agree .input_area{
    font-size: 13px;
    margin: 0 4px;
}
.pooky_all_agree_area .maketing_agree .unit_agree .input_area label{
    position: relative;
    padding-left: 20px;
}
.pooky_all_agree_area .maketing_agree .unit_agree .input_area label input{
    width: 18px;
    height: 18px;
}
.pooky_all_agree_area .maketing_agree .unit_agree .input_area input{}
.pooky_all_agree_area p {
   padding: 0 20px;
   line-height: normal;
   margin: 0;
   font-weight: 400;
   font-size: 12px;
   line-height: 1.8;
}

.pooky_all_agree_area b {
   padding: 0 20px;
   line-height: 1.8;
}

.pooky_all_agree_area a {
  width: 50px;
  height: 28px;
  line-height: 28px;
  border: 1px solid #bdbec7;
  font-size: 11px;
  text-align: center;
}

.join_complete{
    text-align: center;
    margin-top: 52px;
    background: #000;
    text-align: center;
    box-sizing: border-box;
    color: #F4F4D9;
    font-size: 24px;
    height: 78px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition-duration: 0.5s;
}
.join_complete:hover{background:#fff;color:#000;border:1px solid #000;}



#join_privacyC > tbody > tr > td:nth-child(4) > div{font-size:12px;}

.chk_txt{
        display: inline-block;
        margin: 4px 0 0;
        font-size:12px;
}
.chk_txt span{
    color: #888;
}

/* BASIC css end */


/* BASIC css end */