@charset 'euc-kr';

/* 2018-01-26(Àüü »çÀÌÁî ¼öÁ¤) */
/* ȸ¿ø°¡ÀÔ1 */
.join_membership {width:550px; margin:0 auto 220px; font-family:'Noto Sans Korean', HelveticaNeue, sans-serif;}
.join_membership h2 {padding:85px 0 9px; background:url(/images/member_join/bg_line.png) no-repeat center bottom; color:#000; font-size:30px; font-weight:normal; text-align:center;}
.join_membership .main_txt {padding-top:53px; color:#000; font-size:20px; text-align:center;}
.join_membership .sub_txt {padding-top:15px; color:#6e6e6e; font-size:14px; text-align:center; line-height:20px;}
.join_membership .tel_box {overflow:hidden; padding:53px 0 0; box-sizing:border-box;}
.join_membership .tel_box2 {padding:6px 0 0;}
.join_membership .tel_box2 input {padding-left:0; text-align:center;}
.join_membership .tel_box input {display:inline-block; float:left; width:70%; height:44px; border:3px solid #ff734f; box-sizing:border-box; color:#000; font-size:14px; text-align:center; line-height:44px; letter-spacing:1px;}
.join_membership .tel_box button {display:inline-block; float:left; width:30%; height:44px; background:#ff734f; border:none; box-sizing:border-box; color:#fff; font-size:14px; line-height:44px;}
.join_membership .num_box {padding:7px 0 0; box-sizing:border-box;}
.join_membership .num_box input {width:100%; height:44px; border:1px solid #a1a1a1; box-sizing:border-box; color:#000; font-size:14px; text-align:center; line-height:44px; letter-spacing:1px;}
.join_membership .btn_box {width:100%; height:auto; margin-top:25px;}
.join_membership .btn_box button {display:inline-block; width:100%; height:46px; background:#fff; border:1px solid #a1a1a1; color:#a1a1a1; font-family:'Noto Sans Korean', HelveticaNeue, sans-serif; font-size:20px; text-align:center;}
.join_membership .btn_box button.on {background:#ff734f; color:#fff;}
.join_membership .agr_box {margin-top:16px; padding:5px 21px 9px; background:#fabdad;}
.join_membership .agr_box li {overflow:hidden; margin-top:11px; color:#000; font-size:13px; line-height:13px;}
.join_membership .agr_box li a {display:inline-block; padding:2px 4px; background:#fff; border-radius:4px; color:#000; font-size:12px; line-height:13px;}
.join_membership .agr_box .leftBox {float:left; letter-spacing:-2px;}
.join_membership .agr_box .rightBox {float:right;}
.join_membership .agr_box div label {color:#000; font-size:15px;}
.join_membership .agr_box .rightBox label {font-size:12px; line-height:20px;}
.join_membership input[type="checkbox"] {display:none;}
.join_membership input[type="checkbox"] + label {display:inline-block; height:20px; padding-left:23px; background:url(/images/member_join/bg_agree_off.png) no-repeat 0 0; background-size:20px auto; line-height:20px;}
.join_membership input[type="checkbox"]:checked + label {display:inline-block; height:20px; padding-left:23px; background:url(/images/member_join/bg_agree_on.png) no-repeat 0 0; background-size:20px auto;}

/* ¾à°üµ¿ÀÇÆ˾÷ */
.pop_box {display:none; position:fixed; width:550px; height:664px; top:180px; margin-left:0; background:#fff; border:2px solid #ff734f;}
.pop_wrap1,
.pop_wrap2,
.pop_wrap3,
.pop_wrap4 {display:none;}
.pop_tit {position:relative; height:38px; border-bottom:2px solid #d7d7d7; color:#000; font-size:17px; text-align:center; line-height:38px;}
.pop_tit a {display:block; position:absolute; right:10px; top:10px; width:18px; height:auto;}
.pop_tit a img {width:100%; height:auto;}
.pop_content {overflow-y:auto; height:588px; padding:18px 12px;}
.pop_content p {color:#000; font-size:13px; line-height:18px;}

/* ȸ¿øÁ¤º¸ÀÔ·Â */
/* .input_member .btn_box {position:inherit;} */
.input_member {width:550px;}
.input_member .btn_box button {background:#fff url(/images/member_join/icon_chk.png) no-repeat 35% 50%; color:#6e6e6e;}
.input_member .btn_box button.on {background:#f3572f url(/images/member_join/icon_chk_on.png) no-repeat 35% 50%;}
.input_member > div:first-child {padding:0;}
.input_member .join_form_txt {margin-top:25px;}
.input_member .join_form_txt strong {color:#f3572f; vertical-align:middle;}
.input_member table {width:100%; margin-top:5px;}
.input_member th {padding-left:8px; border:1px solid #a1a1a1; border-right-color:#e1e1e1; color:#000; font-size:16px; text-align:left;}
.input_member th span {color:#f3572f; vertical-align:middle;}
.input_member td {padding:16px 8px; border:1px solid #a1a1a1; color:#000; font-size:16px;}
.input_member .pass1 td,
.input_member .pass2 td {position:relative;}
.input_member .pass1 td span,
.input_member .pass2 td span {display:block; position:absolute; top:24px; text-indent:-9999px;}
.input_member .pass1 td span {right:19px; width:23px; height:28px; background:url(/images/member_join/icon_lock.png) no-repeat 0 0;}
.input_member .pass2 td span {right:13px; width:29px; height:29px; background:url(/images/member_join/icon_lock_chk.png) no-repeat 0 0;}
.input_member table .pass1 td span.on {background:url(/images/member_join/icon_lock_on.png) no-repeat 0 0;}
.input_member table .pass2 td span.on {background:url(/images/member_join/icon_lock_chk_on.png) no-repeat 0 0;}
.input_member tr.w30 th {width:35%;}
.input_member tr.w30 td {width:65%;}
.input_member input[type="password"] {width:100%; height:100%; background:#fff; border:0;}
.input_member input[type="text"] {width:100%; height:100%; background:#fff; border:0;}
.input_member tr:nth-child(2) td {padding:9px 8px;}
.input_member input[type="radio"] {display:none;}
.input_member input[type="radio"] + label {float:left; display:inline-block; width:50%; height:38px; border:1px solid #a1a1a1; box-sizing:border-box; color:#6e6e6e; font-size:12px; text-align:center; line-height:38px;}
.input_member input[type="radio"]:first-child + label {border-right:0;}
.input_member #female + label {border-left:0;}
.input_member input[type="radio"]:checked + label {border:1px solid #f3572f; background:#fff; color:#f3572f;}
.input_member #female:checked + label {border-left:1px solid #f3572f;}
.input_member tr:nth-child(6) td,
.input_member tr:nth-child(7) td {padding:16px 8px;}
.input_member tr:nth-child(6) td span,
.input_member tr:nth-child(7) td span {color:#f3572f; vertical-align:middle;}
.input_member select {
	height:38px;
	padding-left:5px;
	box-sizing:border-box;
   -webkit-appearance:none; 
   -moz-appearance:none;    
   appearance:none;
   background:url(/images/member_join/bg_sel_down.png) no-repeat right 50%;
   color:#6e6e6e;
   font-size:14px;
   line-height:21px;
}
.input_member tr input[type="text"]  {height:38px;}
.input_member tr input[type="password"]  {height:38px;}
.input_member tr:nth-child(3) td {padding:25px 8px;}
.input_member tr:nth-child(6) div {float:left; width:15%; line-height:27px;}
.input_member tr:nth-child(6) select {float:left; width:36%;}
.input_member tr:nth-child(6) select:last-child {width:47%; margin-left:2%;}
.input_member tr:nth-child(7) div {float:left; width:15%; padding-left:7px; box-sizing:border-box; line-height:27px;}
.input_member tr:nth-child(7) select {float:left; width:35%;}
.input_member tr:nth-child(7) input {float:left; width:25%; height:38px; border:1px solid #a1a1a1;  box-sizing:border-box; line-height:38px;}
.input_member tr:nth-child(7) span {display:inline-block; float:left; width:5%; height:38px;  box-sizing:border-box;color:#6e6e6e; font-size:16px; text-align:center; line-height:36px;}
.input_member tr:nth-child(7) button {float:right; width:18%; height:38px; border:1px solid #a1a1a1; background:#f3572f; box-sizing:border-box; color:#fff; font-size:14px; text-align:center;}
.input_member p.info_fail {padding-left:96px; color:#ff0000; font-size:16px;}
.input_member p.info_pass {padding-left:96px; color:#00a04b; font-size:16px;}
.input_member tr:nth-child(7) div:last-child {overflow:hidden; clear:both; width:35%; height:auto; margin-top:4px; padding-left:45%; box-sizing:content-box;}
.input_member tr:nth-child(7) div:last-child input {width:100%; padding-left:5px; font-size:13px;}

/* ·Î±×ÀÎ */
.login .main_txt {padding-top:16px; font-size:16px; line-height:22px;}
.login .tel_box {padding:52px 0 0;}
.login .tel_box input {width:100%; height:46px; margin-top:10px; padding:0; border:1px solid #a1a1a1; color:#000; font-size:16px; text-align:center; line-height:46px;}
.login .txt_info {width:100%; height:auto; margin-top:15px; color:#6e6e6e; font-size:16px; text-align:center; line-height:20px; letter-spacing:-3px;}
.login .clearfix {overflow:hidden; padding:5px 0; color:#000; font-size:16px;}
.login .clearfix .leftBox {float:left;}
.login input[type="checkbox"] {display:none;}
.login input[type="checkbox"] + label {display:inline-block; height:20px; padding-left:30px; background:url(/images/member_join/bg_check_off.png) no-repeat 0 0;}
.login input[type="checkbox"]:checked + label {display:inline-block; height:20px; padding-left:30px; background:url(/images/member_join/bg_check_on.png) no-repeat 0 0;}
.login .clearfix .rightBox {float:right;}
.login .clearfix .rightBox a {color:#000;}
.login .btn_box {margin-top:68px;}

/* ºñ¹Ð¹øÈ£ Àç¼³Á¤ */
.pass_set .btn_box {margin-top:62px;}
.pass_set .btn_box button {font-size:16px;}
.pass_set .tel_box input {border:1px solid #a1a1a1; border-right:0;}
.pass_set .tel_box button {border:1px solid #a1a1a1; border-left:0;}
.pass_set .num_box input[type="password"] {margin-top:7px;}