@charset "utf-8";
	label.check_round {position:relative; display:block; padding-left:30px; font-size:14px; font-weight:500; line-height:22px;}
	label.check_round input {display:none;}
	label.check_round i {position:absolute; top:50%; left:0; width:22px; aspect-ratio:1/1; border-radius:50%; background:#fff url('/images/icon_chk.png') no-repeat 50% 50%; transform:translateY(-50%); transition:.2s linear;     border: #d9d9d9 1px solid;}
	label.check_round input:checked + i {background-color:#5f7c34;}

/* 로그인, 아이디비번찾기 */
	.login_wrap {width:100%; max-width:470px; margin:0 auto;}
	.tabs_member {width:380px; max-width:100%; height:48px; background:#f6f7f9; border-radius:24px; padding:4px; display:flex; margin:0 auto 32px;}
	.tabs_member .btn {width:50%; font-size:15px; color:#4f4f4f; line-height:40px; border-radius:18px !important; text-align:center;}
	.tabs_member .btn.on {color:#fff; background:#222;}
	.login_wrap .inputs .text {display:block; width:100%; height:50px; margin-top:10px;}
	.login_wrap .inputs .btn {display:block; font-size:15px; color:#fff; line-height:60px; height:60px; width:100%; background:#222; border-radius:5px; margin-top:20px;}
	.login_wrap .inputs .btm {margin-top:20px; justify-content:space-between;}
	.login_wrap .inputs .links {display:flex; gap:38px;}
	.login_wrap .inputs .links a {position:relative; font-size:15px; color:#a8a8a8; font-weight:500;}
	.login_wrap .inputs .links a + a:before {content:""; position:absolute; top:50%; left:-19px; width:1px; height:12px; background:#e1e1e1; transform:translateY(-50%);}
	.login_wrap .btns_btm {margin-top:45px; padding-top:45px; border-top:#e1e1e1 1px solid;}
	.login_wrap .btn_join {display:block; font-size:15px; color:#222; line-height:56px; height:58px; width:130px; text-align:center; border:#222 1px solid; border-radius:5px;}
	.login_wrap .btn_submit {width:100%;}
	.login_wrap .btns {display:flex; justify-content:center; gap:38px; margin-top:32px; padding-top:22px; border-top:#ebebeb 1px solid;}
	.login_wrap .btns a {position:relative; font-size:15px; color:#a8a8a8; font-weight:500;}
	.login_wrap .btns a + a:before {content:""; position:absolute; top:50%; left:-20px; width:1px; height:14px; background:#e1e1e1; transform:translateY(-50%);}

/* 회원가입 */
	/* 회원가입 구분  선택 */
	.member_select {padding:30px 0;}
	.member_select .tit_area {text-align:center; margin-bottom:60px;}
	.member_select .tit_area h2 {font-size:36px; font-weight:700; color:#222; }
	.member_select .tit_area p {font-size:18px; color:#666; margin-top:15px;}
	.member_select .type_list {display:flex; justify-content:center; gap:30px;}
	.member_select .type_list li {width:calc((100% - 60px)/3); max-width:380px;}
	.member_select .type_card {display:block; background:#fff; border:1px solid #e2e2e2; padding:50px 30px;  text-align:center; transition:all 0.3s ease; height:100%; box-sizing:border-box;}
	.member_select .type_card:hover {border-color:#222; transform:translateY(-10px); box-shadow:0 15px 30px rgba(151,109,83,0.15);}
	.member_select .type_card .icon {width:80px; height:80px; margin:0 auto 30px; background:#f9f9f9;  display:flex; align-items:center; justify-content:center;}
	.member_select .type_card .icon img {max-width:40px;}
	.member_select .type_card h3 {font-size:26px; font-weight:700; color:#222; margin-bottom:15px;}
	.member_select .type_card p {font-size:16px; color:#777; line-height:1.6; word-break:keep-all; min-height:48px;}
	.member_select .btn_select {display:inline-block; margin-top:30px; padding:12px 40px; background:#f4f4f4; color:#333; font-size:15px; font-weight:500;  transition:all 0.3s ease;}
	.member_select .type_card:hover .btn_select {background:#222; color:#fff;}

	.join_wrap {width:100%; max-width:770px; margin:0 auto;  padding:30px 45px; }
	.join_wrap h2 {position:relative; font-size:21px; line-height:24px; margin-bottom:16px;}
	.join_wrap h2 .tar {position:absolute; top:0; right:0; font-size:14px; color:#a3a3a3; font-weight:400;}
	.join_wrap h2 .tar span {color:#d50037;}
	.join_field {border-top:#d7d7d7 1px solid; padding-top:10px;}
	.join_field h2 {margin-top:50px;}
	.join_field dl > div {padding:10px 0; display:flex;}
	.join_field dt {width:120px; font-size:16px; font-weight:500; line-height:48px;}
	.join_field dt span {color:#d50037;}
	.join_field dd {width:calc(100% - 120px);}
	.join_field .only_txt {display:flex; align-items:center;}
	.join_field .text {padding:0 10px; font-size:15px; font-weight:500;}
	.join_field .inbtn {display:flex; gap:10px;}
	.join_field .inbtn .text {width:calc(100% - 120px);}
	.join_field .inbtn .btn {width:110px; height:50px; line-height:48px; text-align:center; font-size:16px; font-weight:500; border:#222 1px solid;}
	.join_field .email {gap:8px;}
	.join_field .email span {width:20px; line-height:50px; text-align:center;}
	.join_field .email .text {width:calc((100% - 44px)/3);}
	.join_field .phone span {width:30px; line-height:50px; text-align:center;}
	.join_field .phone .text {width:calc((100% - 60px)/3);}
	.join_field .address {display:flex; flex-direction:column; gap:10px;}
	.join_wrap .check_area {border-top:#222 1px solid; padding-top:25px;}
	.join_wrap .check_area p {font-size:14px; color:#989898; font-weight:500; margin-top:10px;}
	.join_wrap .check_area .tt {position:relative;}
	.join_wrap .check_area .tt .btn_opcl {position:absolute; top:0; right:0; width:20px; height:100%; font-size:0; background:url('/images/arrow_opcl.png') no-repeat 50% 50%; transition:.2s linear;}
	.join_wrap .check_area .on .tt .btn_opcl {transform:rotate(180deg);}
	.join_wrap .check_area .cn {padding:20px; background:#f5f5f5; margin:5px 0 10px; max-height:120px; overflow:auto;}
	.join_wrap .check_list {margin-top:20px; padding:20px 0; border-top:#ebebeb 1px solid; border-bottom:#ebebeb 1px solid;}

	.join_end {padding:30px 30px; text-align:center;}
	.join_end strong {display:block; font-size:30px; line-height:1.2em; margin-bottom:50px;}
	.join_end p {color:#777; line-height:1; margin:12px 0 60px;}
	.join_end .btns {display:flex; justify-content:center; gap:22px;}
	.join_end .btn {width:calc(50% - 11px); border:var(--iden) 1px solid; line-height:62px;}
	.join_end .btn_ln {color:var(--iden); background:#fff;}
	.join_end .btn_bg {color:#fff; background:var(--iden);}
	.join_end .dls dl {padding:10px 0; display:flex; line-height:20px;}
	.join_end .dls dt {width:130px; font-size:14px; color:#2a2a2a;}
	.join_end .dls dd {width:calc(100% - 130px); font-size:15px; display:flex; gap:6px; flex-wrap:wrap;}
/* 탈퇴 */
#pop_secession .inbox {width:380px; text-align:center;}
#pop_secession .cont {padding:45px 20px 90px;}
#pop_secession .cont:before {content:""; display:block; width:104px; aspect-ratio:1/1; background:var(--iden) url('/images/icon_secession.png') no-repeat 50% 50%; border-radius:50%; margin:0 auto 40px;}
#pop_secession strong {display:block; font-size:26px; line-height:1;}
#pop_secession p {font-size:16px; color:#777; line-height:25px; margin:25px 0 30px;}
#pop_secession .btn {display:block; width:230px; height:50px; font-size:16px; margin:0 auto; border:1px solid; border-radius:5px;}
#pop_secession .btn_bg {color:#fff; background:var(--iden); border-color:#var(--iden);}
#pop_secession .btn_gl {color:#bcbcbc; background:#fff; border-color:#e1e1e1; margin-top:10px;}
.secession {justify-content:flex-end; padding-top:20px;}
.secession .btn {display:block; font-size:16px; color:#707070; line-height:48px; height:50px; width:100px; text-align:center; border:#e1e1e1 1px solid; border-radius:5px;}

@media screen and (max-width:1023px){
/* 회원가입 */
	.join_wrap {padding:30px;}
	.join_field dt {width:100px; font-size:15px; line-height:44px;}
	.join_field dd {width:calc(100% - 100px);}
	.join_field .inbtn .text {width:calc(100% - 110px);}
	.join_field .inbtn .btn {width:100px; height:46px; line-height:46px; font-size:15px;}
	.join_field .email span,
	.join_field .phone span {line-height:46px;}

	.member_select {padding:60px 0;}
    .member_select .tit_area {margin-bottom:40px;}
    .member_select .tit_area h2 {font-size:30px;}
    .member_select .tit_area p {font-size:16px;}
    .member_select .type_list {gap:20px; padding:0 20px;}
    .member_select .type_list li {width:calc((100% - 40px)/3);}
    .member_select .type_card {padding:40px 15px;}
    .member_select .type_card h3 {font-size:22px;}
    .member_select .type_card p {font-size:15px;}


	.join_inputs .search_box {gap:10px;}
	.join_inputs .search_box .text {width:calc(100% - 70px);}
	.join_inputs .search_box .btn {width:60px; height:40px;}

/* 회원가입완료 */
	.join_end {padding:40px;}
	.join_end strong {font-size:28px;}
	.join_end p {margin:10px 0 40px;}
	.join_end .btns {gap:20px;}
	.join_end .btn {width:calc(50% - 10px); line-height:58px;}
/* 탈퇴 */
	#pop_secession .cont {padding:45px 20px 70px;}
	#pop_secession .cont:before {width:90px; margin-bottom:30px;}
	#pop_secession strong {font-size:22px;}
	#pop_secession p {font-size:14px; line-height:22px; margin:22px 0 25px;}
	#pop_secession .btn {width:200px; height:40px; font-size:14px;}
}

@media screen and (max-width:767px){
	label.check_round {padding-left:30px; font-size:14px; line-height:22px;}
	label.check_round i {width:22px;}

/* 로그인, 아이디비번찾기 */
	.tabs_member {height:40px; border-radius:20px; padding:3px; margin-bottom:20px;}
	.tabs_member .btn {font-size:13px; line-height:34px;}
	.login_wrap .inputs .text {height:40px;}
	.login_wrap .inputs .text + .text {margin-top:5px;}
	.login_wrap .inputs .btn {font-size:13px; line-height:40px; height:40px; margin-top:15px;}
	.login_wrap .inputs .btm {margin-top:10px;}
	.login_wrap .inputs .links {gap:20px;}
	.login_wrap .inputs .links a {font-size:13px;}
	.login_wrap .inputs .links a + a:before {left:-10px; height:10px;}
	.login_wrap .btns_btm {margin-top:30px; padding-top:30px;}
	.login_wrap .btn_join {font-size:13px; line-height:46px; height:48px; width:120px;}
	.login_wrap .btns {gap:10px; margin-top:20px; padding-top:15px;}
	.login_wrap .btns a {font-size:13px;}
	.login_wrap .btns a + a:before {left:-5px; height:10px;}
/* 회원가입 */
	.member_select {padding:50px 0;}
    .member_select .tit_area {margin-bottom:30px;}
    .member_select .tit_area h2 {font-size:26px;}
    .member_select .tit_area p {font-size:14px; margin-top:10px;}
    .member_select .type_list {flex-direction:column; align-items:center; gap:15px;}
    .member_select .type_list li {width:100%; max-width:100%;}
    .member_select .type_card {padding:35px 20px; display:flex; flex-direction:column; align-items:center;}
    .member_select .type_card:hover {transform:none; box-shadow:none;} 
    .member_select .type_card .icon {width:60px; height:60px; margin-bottom:20px;}
    .member_select .type_card .icon img {max-width:30px;}
    .member_select .type_card h3 {font-size:20px; margin-bottom:10px;}
    .member_select .type_card p {font-size:14px; min-height:auto;}
    .member_select .btn_select {margin-top:20px; width:100%; padding:10px 0;}

	.join_wrap {padding:16px;}
	.join_wrap .inner {padding:0px;}
	.join_wrap h2 {font-size:16px; line-height:20px; margin-bottom:10px;}
	.join_wrap h2 .tar {font-size:12px;}
	.join_field {padding-top:5px;}
	.join_field h2 {margin-top:30px;}
	.join_field dl > div {padding:5px 0; flex-direction:column;}
	.join_field dt {width:100%; font-size:13px; line-height:40px;}
	.join_field dd {width:100%;}
	.join_field .text {font-size:13px;}
	.join_field .inbtn {gap:4px;}
	.join_field .inbtn .text {width:calc(100% - 104px);}
	.join_field .inbtn .btn {height:40px; line-height:40px; font-size:13px;}
	.join_field .email {gap:4px;}
	.join_field .email span {width:20px; line-height:40px;}
	.join_field .email .text {width:calc((100% - 32px)/3);}
	.join_field .phone span {width:20px; line-height:40px;}
	.join_field .phone .text {width:calc((100% - 40px)/3);}
	.join_field .address {gap:4px;}
	.join_wrap .check_area {padding-top:10px;}
	.join_wrap .check_area p {font-size:12px; margin-top:5px;}
	.join_wrap .check_area .tt .btn_opcl {width:16px;}
	.join_wrap .check_area .cn {padding:15px; margin:3px 0; max-height:120px;}
	.join_wrap .check_list {margin-top:15px; padding:15px 0;}

	.join_end {padding:0px;}
	.join_end strong {font-size:20px; line-height:1.5em;}
	.join_end p {margin:5px 0 20px;}
	.join_end .btns {gap:10px;}
	.join_end .btn {width:calc(50% - 5px); line-height:38px;}
	.join_end .dls dt {width:80px; font-size:14px;}
	.join_end .dls dd {width:calc(100% - 90px); font-size:12px; }
/* 탈퇴 */
	#pop_secession .cont {padding:30px 20px 50px;}
	#pop_secession .cont:before {width:60px; margin-bottom:20px;}
	#pop_secession strong {font-size:18px;}
	#pop_secession p {font-size:12px; line-height:20px; margin:15px 0 20px;}
	#pop_secession .btn {width:100%; height:40px; font-size:13px;}
	#pop_secession .btn_gl {margin-top:5px;}
}