/* --------------------------
회원가입
----------------------------- */
.joinNew_wrapper {margin: 20px auto 60px; width: 1200px;}
.joinNew_wrapper .joinNew {margin:0 auto;width: 640px;}
.joinNew_wrapper .tt {width: 140px;font-size: 16px;font-weight: 500;color: #3d3d3d;}
.joinNew_wrapper .tt span {color: #DF3732;}
.joinNew_wrapper button {height: 46px; border-radius: 4px;}
.joinBtnDisabled {color: #a6a6a6;font-size: 16px;font-weight: 500;border: 1px solid #ddd;background: #f8f8f8;}

/* top */
.joinNew_wrapper .joinNew .joinNew_bn {width: 100%;}
.joinNew_wrapper .joinNew .joinNew_bn img {width: 100%;}
.joinNew_wrapper .joinNew .policy_terms_title {font-size: 28px;font-weight: 500;border-bottom: 0;}

/* main */
.joinNew_wrapper .main {margin-bottom: 3%;}
.joinNew_wrapper .main .sec {display: flex;align-items: center;justify-content: space-between;margin-bottom: 3%;}
.joinNew_wrapper .main .sec:last-child {margin-bottom: 0;}
.joinNew_wrapper .main .sec .flxbx {display: flex; align-items: center;justify-content: space-between;gap:10px; width: 500px;}
.joinNew_wrapper .main .sec .inpt_wrap {width: 100%;}
.joinNew_wrapper .main .sec input[type='text'], .joinNew_wrapper .main .sec input[type='password'], .joinNew_wrapper .main .sec textarea {padding:0 10px;width: 100%;height: 46px; font-size: 16px;border-radius: 4px;border: 1px solid #D0D0D0; box-sizing: border-box;}
.joinNew_wrapper .main .sec input:focus, .joinNew_wrapper .main .sec textarea:focus {border-color:#000;outline: none;}
.joinNew_wrapper .main .sec input::placeholder, .joinNew_wrapper .main .sec textarea::placeholder {color:  #aeaeae;}
.joinNew_wrapper .main .sec input:read-only, .joinNew_wrapper .main .sec textarea:read-only {background: #f5f5f5;}
.joinNew_wrapper .main .sec select {padding-left: 5px;height: 46px; color:#666666;font-size: 15px;border-radius: 4px;border: 1px solid #D0D0D0; background: #fff;outline: none;}
.joinNew_wrapper .main .sec .btn_wrap {width: 120px;}
.joinNew_wrapper .main .sec .btn_wrap.phonebtn_wrap {width: 120px; }
.joinNew_wrapper .main .sec button {color:#276ac7; font-size: 16px; font-weight: 500;border: 1px solid #276ac7; background: #fff;}
.joinNew_wrapper .main .sec button.chkbtn {width: 120px;}
.joinNew_wrapper .main .sec button.phonebtn {width: 120px;}
.joinNew_wrapper .main .sec button#ok_btn {color:#fff; font-size: 16px; font-weight: 500;background: #276ac7;}


.joinNew_wrapper .main .sec.join_id {margin-top: 3%;}

.joinNew_wrapper .main .sec.join_email .flxbx {position: relative;}
.joinNew_wrapper .main .sec.join_email .text {font-size: 18px; color: #999;}
.joinNew_wrapper .main .sec.join_email input.inpt_email {width: 167.5px;}
.joinNew_wrapper .main .sec.join_email select.select_email {width: 167.5px;}
.joinNew_wrapper .main .sec.join_email .selBoxDirect {display: none;}
.joinNew_wrapper .main .sec.join_email .selBoxDirect.on {display: block;}
.joinNew_wrapper .main .sec.join_email input.selBoxDirect_inpt {position: absolute; top:0; left: 202.84px;padding-right: 24px;width: 167.5px;}
.joinNew_wrapper .main .sec.join_email .selBoxDirect_xbtn {position: absolute;top: 47%;right: 138px;transform: translateY(-50%);color: #276ac7; font-size: 17px;cursor:pointer;}


.joinNew_wrapper .main .sec.join_birth_gender.flxbx {justify-content: flex-start;gap:50px;}
.joinNew_wrapper .main .sec.join_birth_gender .flxbx {width: fit-content;}
.joinNew_wrapper .main .sec.join_birth_gender .birth.flxbx, .joinNew_wrapper .main .sec.join_birth_gender .gender.flxbx {gap:0;}
.joinNew_wrapper .main .sec.join_birth_gender .birth input {width: 65px;}
.joinNew_wrapper .main .sec.join_birth_gender .gender .tt {width: 90px;text-align: center;}
.joinNew_wrapper .main .sec.join_birth_gender .gender .inpt_wrap {width: 145px;height: 46px;}
.joinNew_wrapper .main .sec.join_birth_gender .gender .inpt_wrap.flxbx {gap:0;}
.joinNew_wrapper .main .sec.join_birth_gender .gender input {width: 100%; height: 100%; color:#aeaeae;font-size: 16px;font-weight: 500;border:1px solid #d0d0d0;background: #fff;}
.joinNew_wrapper .main .sec.join_birth_gender .gender input:first-child {border-right: 1px solid #D0D0D0; border-radius: 4px 0 0 4px;}
.joinNew_wrapper .main .sec.join_birth_gender .gender input:last-child {border-radius: 0 4px 4px 0;border-left: 0;}
.joinNew_wrapper .main .sec.join_birth_gender .gender input.on {color:#276ac7; border: 1px solid #276ac7;}
.joinNew_wrapper .main .sec.join_birth_gender .gender input:last-child.on .joinNew_wrapper .main .sec.join_birth_gender .gender input:first-child {border-right: 0;}

.joinNew_wrapper .main .sec.join_phone .inpt_wrap {position: relative;}
.joinNew_wrapper .main .sec.join_phone .inpt_wrap .countdown {position: absolute; top:50%; right: 8px; transform: translateY(-50%);width: 30px; text-align: left;color:#DF3732;font-weight: 500;}

/* bottom */
.joinNew_wrapper .bottom .bx_agree {margin-top: 3%;padding: 10px 16px;font-size: 16px; border: 1px solid #D0D0D0; border-radius: 4px;}
.chk_wrap {display: flex; align-items: center;gap:15px;padding: 5px 0;}
.chk_wrap_top {margin-bottom: 10px;padding: 18px 0;border-bottom: 1px solid #D0D0D0;}
.chk_wrap .text.all {font-size: 18px; font-weight: 600;}
.chk_wrap .text.text_terms_pop {display: flex;align-items: center;justify-content: space-between;width: 100%;}
.chk_wrap .text span.blue {color:#276ac7;}
.chk_wrap .text span.joinNew_none {color: #999;}
.chk_wrap input.chkbx {display: none;}
.chk_wrap input.chkbx:checked + .show_chkbx svg path:first-child {stroke:#276ac7; fill:#276ac7;}
.chk_wrap input.chkbx:checked + .show_chkbx svg path:last-child {stroke:#fff;}
.chk_wrap .show_chkbx {display: inline-block;height: 23px;}

.joinNew_wrapper .bottom .signin .btn_wrap {text-align: center;}
.joinNew_wrapper .bottom .signin .btn_wrap .join_btn {margin:3% auto;width: 100%; height: 56px; color:#fff; font-size: 20px; border: 0; border-radius: 4px;background: #276ac7;}
.joinNew_wrapper .bottom .signin .in {width: 100%; text-align: center;font-size: 16px;}
.joinNew_wrapper .bottom .signin .in a {color: #276ac7; font-weight: 600;text-decoration: underline;}

/* 팝업 */
.pop {display: none; position: fixed; top:50%; left: 50%; transform: translate(-50%, -50%); z-index: 1000;width: 448px; height: 480.19px; overflow-y: scroll; border-radius: 10px;background: #fff;}
.pop.active {display: block;}
.pop .pop_inner {padding: 10px;}
.pop .pop_inner .policy_wrap {margin:0;padding: 3%;}
.pop .btn_wrap {position: sticky; bottom: 0; width: 100%; height: 70px;line-height: 70px;text-align: center;background: #fff;}
.pop .btn_wrap button {width: 50%; height: 40px;font-size: 17px;border-radius: 5px;}

.join_mask {position: fixed; top:0; left:0; z-index: 999; opacity: 0.6;background-color: #000;}

/* --------------------------
로그인
----------------------------- */


.loginNew_wrapper {position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%);margin: 0 auto;padding: 20px 32px 36px 32px;width: 346px; border-radius:10px; background: #fff;}
.loginNew_wrapper.pc_login {position: static; transform: none;min-height: 500px;padding-top: 50px;}
.loginNew_wrapper .sec:not(.loginNew_wrapper .sec:first-child) {margin-top: 5%;}

.loginNew_wrapper button.btn_close::after {content: "";display: block;position: absolute;background: url(../img/comm/btn_close.png) no-repeat;width: 24px;height: 24px;top: 16px;right: 16px;}
.loginNew_wrapper button.btn_close span.hide {overflow: hidden;display: block;position: absolute;border: 0;width: 1px;height: 1px;clip: rect(1px, 1px, 1px, 1px);}

.loginNew_wrapper .top .tt {padding: 20px 0 10px; text-align: center;font-size: 28px; font-weight: 500; color:#222;}

.loginNew_wrapper .main .inpt_wrap {display: flex; flex-direction: column;}
.loginNew_wrapper .main .inpt_wrap input {padding-left: 15px;height: 54px; border:1px solid #d0d0d0;font-size: 15px;background: #fff;}
.loginNew_wrapper .main .inpt_wrap input#user_id {border-radius: 6px 6px 0 0;}
.loginNew_wrapper .main .inpt_wrap input#user_pwd {border-radius: 0 0 6px 6px;}
.loginNew_wrapper .main .inpt_wrap input:focus {border-color: #000; outline:none;}
.loginNew_wrapper .main .inpt_wrap input::placeholder {color: #aeaeae;}

.loginNew_wrapper .main .chkbox_wrap {display: flex;gap:20px;}
.loginNew_wrapper .main .chkbox_wrap .inner {display: flex; align-items: center;gap:10px;}
.loginNew_wrapper .main .chkbox_wrap .inner .text {font-size: 15px;}
.loginNew_wrapper .main .chkbox_wrap input.chkbx {display: none;}
.loginNew_wrapper .main .chkbox_wrap input.chkbx:checked + .show_chkbx svg path:first-child {stroke:#276ac7; fill:#276ac7;}
.loginNew_wrapper .main .chkbox_wrap input.chkbx:checked + .show_chkbx svg path:last-child {stroke:#fff;}
.loginNew_wrapper .main .chkbox_wrap .show_chkbx {display: inline-block;}

.loginNew_wrapper .bottom {display: flex; flex-direction: column;gap:10px;}
.loginNew_wrapper .bottom button {height: 54px; font-size: 16px; font-weight: 500;border-radius: 4px;}
.loginNew_wrapper .bottom button.login {color:#fff; background:#276ac7;}
.loginNew_wrapper .bottom button.signin {color:#276ac7;border:1px solid #276ac7; background: #fff;}

.loginNew_wrapper .right {text-align: center;}
.loginNew_wrapper .right a {display: inline-block; color:#666;font-size: 15px;}
.loginNew_wrapper .right a:first-child::after {content:"|"; margin:0 10px;color:#666;font-size: 14px;}

/* --------------------------
아이디 비번 찾기
----------------------------- */

main.main_find .wrap_title {text-align: center;font-size: 28px;font-weight: 500;color: #222;border-bottom: 0;}
main.main_find .wrap_type1 {gap:10px; margin-top: 10px !important;}
.sec_reg.find_id .wrap_btn, .sec_reg.find_pw .wrap_btn, .sec_find.pw .wrap_btn {margin-top: 2rem !important; padding: 0 !important;border-top: 0 !important;}

main.main_find .list_reg {padding: 0;}
main.main_find .list_reg .bx_input {height: 46px;border-radius: 4px; border:1px solid #d0d0d0;}
main.main_find .list_reg > li > label {font-size: 15px;}
main.main_find .list_reg > li > label span {display: inline-block; height: 46px;line-height: 46px;}
main.main_find .list_reg .bx_input > * {font-size: 15px;}
main.main_find .list_reg .bx_num .time {font-size: 13px;}
main.main_find .list_reg .btn_gray {margin-left: 0; width: 120px;height: 46px;color:#276ac7;font-size: 16px; font-weight: 500;border:1px solid #276ac7; background: #fff;}
main.main_find .list_reg > li .wrap_type1 ~ .wrap_type1 {margin-top: 10px !important;}
main.main_find .list_reg > li .wrap_type1:first-child {margin-top: 0 !important;}
main.main_find .list_reg > li ~ li {margin-top: 10px;}

main.main_find .sec_reg.agree form {padding: 0;}
main.main_find .sec_reg.agree form .wrap_btn {margin-top: 2rem !important;padding:0;border-top: 0;}
main.main_find .sec_reg {margin: 20px auto 60px;padding: 0;width: 500px;}
main.main_find .sec_reg.agree form ul li ~ li {padding:0;}
main.main_find .sec_reg.find_id .wrap_btn, main.main_find .sec_reg.find_pw .wrap_btn, main.main_find .sec_find.pw .wrap_bt {margin-top: 2rem;padding:0;border-top: 0;}
main.main_find .wrap_btn {gap:10px;}
main.main_find .wrap_btn.flex.space > * {width: 100%; height: 46px; font-size: 16px; font-weight: 600;}
main.main_find .wrap_btn .btn_prev {color:#276ac7;border-color: #276ac7;}

main.main_find span.count_down {width: 32px; text-align: left;}

main.main_find section.sec_find {width: 640px;border:0;}
main.main_find section.sec_find .wrap_title {margin-bottom: 1.5rem;padding: 4.2rem 0 1.5rem;}
main.main_find section.sec_find.sec_find_id .wrap_title {margin-bottom: 0;}
main.main_find section.sec_find .wrap_title > p {padding: 1.5rem 0;}
main.main_find section.sec_find .bx_result {border: 1px solid #d0d0d0;border-radius: 4px;background: #fff;}
main.main_find section.sec_find .bx_result > span {padding: 1.5rem 0 2rem;}
main.main_find section.sec_find .bx_result .btn_w {color:#276ac7;border-color: #276ac7;}

main.main_find section input:focus {border-color: #000 !important; outline: none;}

.joinNew_wrapper.mypageDel .sec textarea#other_con {padding: 10px; height: 100px;resize: none;}
.joinNew_wrapper.mypageDel .sec textarea#other_con::placeholder {font-family: 'Pretendard', sans-serif !important;}
.joinNew_wrapper.mypageDel .wrap_btn {padding: 0 15%;}
.joinNew_wrapper.mypageDel .wrap_btn a#ok_btn {margin: 3% auto;width: 100%;height: 56px;line-height: 56px;color: #fff;font-size: 20px;border: 0;border-radius: 4px;background: #276ac7; cursor: pointer;}

section.sec_delete .bx_agree {padding-top: 1.8rem;margin-top: 1.5rem;border-top: 1px solid #e0e0e0;text-align: center;text-align: center;font-size: 16px;}
section.sec_delete .bx_agree .chk_wrap {display: flex; align-items: center;justify-content: center;gap:15px;}
section.sec_delete .bx_agree .chk_wrap input.chkbx:checked + .show_chkbx svg path:first-child {stroke:#276ac7; fill:#276ac7;}
section.sec_delete .bx_agree .chk_wrap input.chkbx:checked + .show_chkbx svg path:last-child {stroke:#fff;}
section.sec_delete .bx_agree .chk_wrap .show_chkbx {display: inline-block;}