#contents .c_member {display:flex; justify-content:center; margin-top:40px;}
#contents .c_member .cm_wrap {overflow:hidden; width:90%; max-width:860px; border-radius:8px; background:var(--white); box-shadow:0 40px 80px rgba(28,28,32,0.08);}
#contents .c_member .cm_tab ul {display:flex; align-items:center;}
#contents .c_member .cm_tab li {display:flex; align-items:center; width:100%; height:80px; background:var(--white_t1);}
#contents .c_member .cm_tab li.on {background:var(--white);}
#contents .c_member .cm_tab li span::before {content:""; display:block; position:absolute; left:50%; bottom:-3px; width:0; height:3px; background:var(--blue); transform:translateX(-50%); transition:0.2s;}
#contents .c_member .cm_tab li.on span::before {width:100%;}
#contents .c_member .cm_tab li a:hover span::before {width:100%;}
#contents .c_member .cm_tab li a {display:flex; align-items:center; justify-content:center; width:100%; height:100%;}
#contents .c_member .cm_tab li span {position:relative; font-size:20px; letter-spacing:-0.8px}
#contents .c_member .cm_tab li mark {color:var(--blue); font-weight:700;}
#contents .c_member .cm_contetns h3 {font-size:30px; line-height:40px; letter-spacing:-2.4px; color:var(--blue); font-weight:100;}
#contents .c_member.c_join .cm_contetns > div {width:calc(100% - 40px); max-width:460px;}
#contents .c_member.c_join .cm_contetns h3 + p {margin-top:50px; font-size:16px; line-height:30px; letter-spacing:-0.64px; font-weight:300; color:var(--gray_t2); text-align:left;}
#contents .c_member.c_join .cm_contetns h3 + p mark {font-weight:700; color:var(--blue);}
#contents .c_member.c_join .cm_contetns .btnwrap + p {margin-top:60px; font-size:16px; line-height:30px; letter-spacing:-0.64px; font-weight:300; color:var(--gray_t2); text-align:left;}
#contents .c_member.c_join .cm_contetns p + .btnwrap {margin-top:40px;}
#contents .c_member .cm_contetns h3 mark {font-weight:700;}
#contents .c_member .cm_contetns {display:flex; justify-content:center; padding:80px 0;}
#contents .c_member .cm_contetns .form {width:calc(100% - 40px); max-width:360px;}
#contents .c_member.c_find .cm_contetns .form {max-width:460px;}
#contents .c_member .cm_contetns .form .f_wrap {margin-top:60px;}
#contents .c_member .cm_contetns .form .f_wrap + .f_checkbox {margin-top:20px;  padding-left:20px;}
#contents .c_member .cm_contetns .form h3 mark {font-weight:700; color:var(--blue);}
#contents .c_member .cm_contetns > form .f_checkbox + .btnwrap {margin-top:20px;}
#contents .c_member .cm_contetns .form .f_title + .f_wrap {margin-top:0;}
#contents .c_member .cm_direct {margin-top:30px; margin-left:20px; text-align:left;}
#contents .c_member .cm_direct li + li {margin-top:10px;}
#contents .c_member .cm_direct a {font-weight:300; color:var(--blue); font-size:14px; letter-spacing:-0.56px; line-height:30px; text-decoration:underline; text-underline-position:under; transition:0.2s;}
#contents .c_member .cm_direct a mark {font-weight:700; color:var(--blue);}
#contents .c_member .cm_direct a:hover, #contents .c_member .cm_direct a:hover mark {color:var(--skyblue_t1);}
#contents .c_member .cm_sns {margin-top:50px;}
#contents .c_member .cm_sns li {border-radius:25px; background-color:var(--white); box-shadow:0 25px 50px rgba(28,28,32,0.08); transition:0.3s;}
#contents .c_member .cm_sns li:hover {transform:translateY(-1px); box-shadow:0 10px 20px rgba(28,28,32,0.1)}
#contents .c_member .cm_sns li + li {margin-top:10px;}
#contents .c_member .cm_sns li a {display:flex; align-items:center; gap:20px; padding:10px; font-size:16px; letter-spacing:-0.64px; font-weight:300; color:var(--gray_t2);}
#contents .c_member .cm_sns li a mark {font-weight:700; color:var(--black);}
#contents .c_member .cm_sns a i {overflow:hidden; width:30px; aspect-ratio:1/1; border-radius:100%; background:url(../images/newbird/common/icon_naver.svg) center center no-repeat; background-size:100%;}
#contents .c_member .cm_sns .cms_02 i {background-image:url(../images/newbird/common/icon_kakao.svg);}
#contents .c_member .cm_sns .cms_03 i {background-image:url(../images/newbird/common/icon_facebook.svg);}
#contents .c_member .cm_sns .cms_04 i {background-image:url(../images/newbird/common/icon_apple.svg);}
#contents .c_member .cm_sns li a:hover {text-decoration:underline; text-underline-position:under;}
#contents .c_member #member .form .f_field label {font-size:10px; letter-spacing:0;}
#contents .c_member #nonmember .btn {margin-top:10px;}
#contents .c_member .cm_note {margin-top:50px; text-align:left; font-size:16px; letter-spacing:-0.64px; line-height:30px;}
#contents .c_member .cm_note h4 {font-weight:700;}
#contents .c_member .cm_note ul {margin-top:10px; color:var(--gray_t2); font-weight:300;}
#contents .c_member .cm_note li {display:flex; align-items:flex-start;}
#contents .c_member .cm_note li::before {content:"-"; margin-right:5px;}
#contents .c_member .f_wrap + .btnwrap {margin-top:10px;}
#contents .c_member.c_agreement .form {width:calc(100% - 40px); max-width:460px;}
#contents .c_member h3 + p {margin-top:50px; font-size:16px; line-height:30px; letter-spacing:-0.64px; font-weight:300; color:var(--gray_t2); word-break:keep-all;}
#contents .c_member h3 + p mark {font-weight:700;}
#contents .c_member.c_agreement .ca_list .cal_text {display:none; height:150px; box-sizing:border-box; overflow-y:auto; padding:20px; border:1px solid var(--gray_t3); border-radius:10px; text-align:left; font-size:14px; letter-spacing:-0.56px; line-height:25px; color:var(--gray_t2);}
#contents .c_member.c_agreement .ca_list .cal_text br:nth-child(1), #contents .c_member.c_agreement .ca_list .cal_text br:nth-child(2), #contents .c_member.c_agreement .ca_list .cal_text br:last-child {display:none;}
#contents .c_member.c_agreement .ca_allchk {display:flex; padding:20px; margin-top:30px; border-radius:5px; background-color:var(--white_t1);}
#contents .c_member.c_agreement .ca_allchk mark {margin-right:5px; font-weight:700;}
#contents .c_member.c_agreement .ca_list .cal_title {display:flex; align-items:center; justify-content:space-between; padding:10px 20px;}
#contents .c_member.c_agreement .ca_list .t1 .cal_title {padding-left:17px; padding-right:17px;}
#contents .c_member.c_agreement .ca_list .cal_title .checkbox > span mark {margin-left:5px; color:var(--gray_t2);}
#contents .c_member.c_agreement .ca_list > li {margin-top:10px;}
#contents .c_member.c_agreement .ca_list > li.t1 {padding-top:10px; padding-bottom:20px; border-radius:5px; border:solid 3px var(--white_t1);}
#contents .c_member.c_agreement .ca_list > li ul {display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding-left:50px;}
#contents .c_member.c_agreement .ca_list > li li {width:100%;}
#contents .c_member.c_agreement .ca_list .cal_more {font-size:14px; letter-spacing:-0.56px; font-weight:700; color:var(--blue); text-decoration:underline; text-underline-position:under;}
#contents .c_member.c_agreement .ca_list .cal_more:hover {color:var(--skyblue_t1);}
#contents .c_member.c_agreement form .btnwrap {margin-top:40px;}
#contents .c_member.c_register .cm_contetns .form {max-width:460px;}
#contents .c_member.c_register h3 + p {margin-bottom:30px;}
#contents .c_member.c_register .form .ff_id {position:relative;}
#contents .c_member.c_register .form .ff_id .input {padding-right:30px;}
#contents .c_member.c_register .form .ff_id .ffi_check {display:block; position:absolute; right:0; top:5px; width:20px; aspect-ratio:1/1; background:url(../images/newbird/common/icon_check_t1.svg) left center no-repeat; background-size:200% auto; font-size:0; line-height:0;}
#contents .c_member.c_register .form .ff_id .ffi_check.on {background-position:right center;}
#id_info {display:none;}

#contents .form .f_select > div input {height:40px; padding-left:15px; border:1px solid var(--gray_t3) !important; border-radius:30px;}

.memberSnsList li {position:relative; width:30px; aspect-ratio:1/1; border-radius:100%; margin:0 10px 0 0; transition:0.3s;}
.memberSnsList li:hover {transform:translateY(-3px); box-shadow:0px 6px 10px 0 #0000002e;}
.memberSnsList li.on::after{content:"X"; display:block; position:absolute; top:0; left:0; width:30px; background-color:var(--white_t1); border-radius:15px; text-align:center; opacity:0; font-family:sans-serif; font-size:12px; line-height:30px;}
.memberSnsList li.on:hover::after{display:block; opacity:0.9; cursor:pointer;}
.memberSnsList .sns_icon {width:30px; height:30px; border-radius:100%; transition:0.3s;}

#formMemberArea .btn.small:hover {transform:none;}

#contents .c_address {width:calc(100% - 40px); max-width:460px; margin:0 auto; text-align:left;}
#contents .c_address .ca_search {display:flex; align-items:center; height:60px; margin-bottom:40px; padding-right:25px; border-radius:30px; background:var(--blue); box-shadow:0 10px 30px 0 rgba(2,31,147, 0.2);}
#contents .c_address .ca_search input {width:100%; padding-left:25px; border:none; background:transparent; font-size:20px; color:var(--white);}
#contents .c_address .ca_search input::placeholder {color:var(--white);}
#contents .c_address .ca_search input:-webkit-autofill,
#contents .c_address .ca_search input:-webkit-autofill:hover,
#contents .c_address .ca_search input:-webkit-autofill:focus,
#contents .c_address .ca_search input:-webkit-autofill:active {transition:background-color 5000s ease-in-out 0s; -webkit-transition:background-color 9999s ease-out; -webkit-box-shadow:0 0 0 1000px #fff0 inset !important; -webkit-text-fill-color:var(--white) !important;}
#contents .c_address .ca_search button {flex-shrink:0; width:30px; aspect-ratio:1/1; background:url(../images/newbird/common/icon_search.svg) center center no-repeat; background-size:100%;}
#contents .c_address .ca_example {padding:20px; border-radius:5px; background-color:var(--white_t1); color:var(--gray_t2); text-align:left;}
#contents .c_address .ca_example li {display:flex; align-items:flex-start;}
#contents .c_address .ca_example li::before {content:""; width:3px; aspect-ratio:1/1; margin-right:10px; margin-top:7px; border-radius:100%; background:var(--gray_t2);}
#contents .c_address h5 {padding-left:20px; margin:15px 0; font-size:16px; font-weight:700; letter-spacing:-0.64px;}
#contents .c_address .ca_result ul {border-radius:10px; background:var(--white); box-shadow:0 40px 80px 0 rgba(28, 28, 32, 0.08);}
#contents .c_address .ca_result li {padding:20px; cursor:pointer;}
#contents .c_address .ca_result li + li {border-top:1px solid var(--gray_t3);}
#contents .c_address .ca_result li strong {font-weight:700;}
#contents .c_address .ca_result li > span {color:var(--gray_t2);}

.captcha_text input{border:1px #cccccc solid; width:280px; height:40px; padding:0 10px; border-radius:2px; font-size:14px;}


/* 팝업 */
.popup .p_agreement .p_content {box-sizing:border-box; padding:20px; border:1px solid var(--gray_t3); border-radius:10px; text-align:left;}
.popup .p_address {padding:0; padding-top:80px; overflow:hidden;}
.popup .p_address .p_content {overflow:visible; max-width:inherit; height:auto; max-height:400px; overflow-y:auto;}

#changeGate {position:fixed; top:50%; left:50%; transform:translate(-50%,-50%);}

#marketingDeatilLayer .tableThGray.t1 {display:none;}





@media screen and (max-width:768px) {
    #contents .c_member .popCmnTxt {padding:25px 20px;}
}





@media screen and (max-width:600px) {
    #contents .c_member h3 + p {margin-top:35px;}
    #contents .c_member .cm_wrap {box-shadow:0 20px 40px rgba(28,28,32,0.08);}
    #contents .c_member .cm_tab li {height:60px;}
    #contents .c_member .cm_tab li span {font-size:16px; letter-spacing:-0.64px;}
    #contents .c_member .cm_contetns {padding-top:40px; padding-bottom:40px;}
    #contents .c_member .cm_contetns h3 {font-size:25px; letter-spacing:-2px;}
    #contents .c_member .cm_contetns .form .f_wrap {margin-top:40px;}
    #contents .c_member .cm_contetns .form .f_wrap + .f_checkbox {margin-top:15px; padding-left:15px;}
    #contents .c_member .cm_contetns > form .f_checkbox + .btnwrap {margin-top:15px;}
    #contents .c_member .cm_direct {margin-top:20px; margin-left:15px;}
    #contents .c_member .cm_sns {margin-top:40px;}
    #contents .c_member .cm_sns li {box-shadow:0 10px 30px rgba(28,28,32,0.08);}
    #contents .c_member .cm_sns li a {gap:15px;}
    #contents .c_member .cm_note {margin-top:40px;}
    #contents .c_member .cm_note li {font-size:14px; letter-spacing:-0.56px; line-height:28px; word-break:keep-all;}
    #contents .c_member.c_agreement h3 + p {margin-top:40px; font-size:14px; letter-spacing:-0.56px; line-height:26px;}
    #contents .c_member.c_agreement h3 + p span {display:inline-block;}
    #contents .c_member.c_agreement .ca_list .cal_more {font-size:12px; letter-spacing:-0.48px;}
    #contents .c_member.c_agreement .ca_list .cal_more span span {display:none;}
    #contents .c_member.c_agreement .ca_allchk {padding:10px;}
    #contents .c_member.c_agreement .ca_allchk .checkbox > span span {display:none;}
    #contents .c_member.c_agreement .ca_list .cal_title {padding:10px;}
    #contents .c_member.c_agreement .ca_list .t1 .cal_title {padding-left:8px; padding-right:8px;}
    #contents .c_member.c_agreement .ca_list > li {margin-top:5px;}
    #contents .c_member.c_agreement .ca_list > li.t1 {padding-top:0; padding-bottom:10px; border-width:2px;}
    #contents .c_member.c_agreement .ca_list > li ul {flex-wrap:wrap; gap:0; margin-top:-5px; padding-left:40px;}
    #contents .c_member.c_agreement .ca_list .cal_more {flex-shrink:0; padding-left:5px;}
    #contents .c_member.c_agreement form .btnwrap {margin-top:20px;}
    #contents .c_member.c_agreement .ca_list .cal_text {padding:10px;}
    #contents .c_member.c_agreement .ca_list .cal_title .checkbox > span mark span {display:none;}
    #contents .c_member.c_register .form .f_phone .btnwrap, #contents .c_member.c_register .form .f_address .btnwrap {top:inherit; bottom:20px; margin-top:0;}
    #contents .c_member.c_register .form .ff_id .ffi_check {top:5px;}

    #contents .c_address .ca_search {height:50px; padding-right:15px; margin-bottom:30px; box-shadow:0 10px 20px 0 rgba(2,31,147, 0.2);}
    #contents .c_address .ca_search input {padding-left:20px; font-size:16px;}
    #contents .c_address .ca_search button {background-size:20px;}
    #contents .c_address .ca_example {padding:15px;}
    #contents .c_address .ca_result li {padding:15px;}

    .popup .p_agreement .p_content {padding:15px;}
    .popup .p_address {height:90%;}
    .popup .p_address .p_content {height:100%; max-height:inherit;}
    .popup .p_address .p_content .zipcode_iframe {height:calc(100% - 10px) !important;}

    #marketingDeatilLayer .tableThGray {display:none;}
    #marketingDeatilLayer .tableThGray.t1 {display:block;}

}