@charset "UTF-8";

/*! Layout */
header.sub {position:fixed !important;}
#container header.sub .sub_header h1.logo {overflow:hidden;height:60px;margin:-15px 0;padding:0;background:url(/resources_new/img/member/img_sub_logo.png) 50% 50%/180px no-repeat;text-indent:-999em;}
#container header.sub .sub_header.lbtn h1.logo {margin-left:56px;}
#container header.sub .sub_header.rbtn h1.logo {margin-left:56px;}
#contents {margin-top:60px !important;}
.cont_wrap {padding-bottom:100px;}
.cont_wrap * {font-family:'Pretendard';font-weight:400;}
strong {font-weight:700;}
.cont_tab {display:-webkit-box;display:-ms-flexbox;display:flex;height:46px;background:#fff;}
.cont_tab .tab_item {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex:1;flex:1;border-bottom:1px solid #eee;font-size:16px;color:#888;letter-spacing:-.015em;}
.cont_tab .tab_item.active {padding-top:1px;border-bottom:2px solid #222;font-weight:700;color:#222;}
.customer_tab {position:fixed;top:60px;left:0;z-index:999;width:100%;padding:0 16px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff;}
.cont_top {padding:10px 20px 16px;border-bottom:10px solid #eee;}
.cont_top ul {line-height:20px;font-size:14px;color:#424242;letter-spacing:-.02em;}
.cont_top li {position:relative;margin-top:4px;padding-left:10px;}
.cont_top li:first-child {margin-top:0;}
.cont_top li:before {content:'';display:inline-block;position:absolute;top:9px;left:4px;width:2px;height:2px;border-radius:2px;background:#888;}
.cont_top strong.red {font-weight:700;color:#ff6962;}
.cont_top strong.blue {font-weight:700;color:#5382fa;}
.cont_top p {line-height:20px;font-size:14px;color:#888;letter-spacing:-.015em;}
.cont_top p em {color:#5382fa;}
.cont_foot {padding:20px 16px 0;border-top:10px solid #eee;}
.tit_area {margin-bottom:20px;padding:16px 0 14px;border-bottom:2px solid #222;}
.tit_area .chk_area label, .tit_area .tit {line-height:24px;font-weight:700;font-size:18px;color:#222;letter-spacing:-.015em;}
.tit_area .chk_area {margin-top:0;}
.tit_area .txt {line-height:20px;margin-top:4px;font-size:13px;color:#222;letter-spacing:-.005em;}
.tit_area.chk_agree {margin-bottom:0;padding:20px 0 0;border:0;}
.tit_area.chk_agree .chk_area.tit {font-size:15px;}
.tit_area.chk_agree .chk_area.tit label {font-size:15px;}
.inp_area {display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;}
.inp_area .inp {-webkit-box-flex:1;-ms-flex:1;flex:1;height:48px;padding:0 40px 0 14px;border:1px solid #f0f0f0;border-radius:5px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fcfcfc;font-size:14px;color:#222;}
.inp_area .inp::-webkit-input-placeholder {color:#929292;}
.inp_area .inp:-ms-input-placeholder {color:#929292;}
.inp_area .inp::-ms-input-placeholder {color:#929292;}
.inp_area .inp::placeholder {color:#929292;}
.inp_area .inp:disabled, .inp_area .inp:-moz-read-only {background-color:#f0f0f0;color:#888;opacity:1;-webkit-text-fill-color:currentcolor;}
.inp_area .inp:disabled, .inp_area .inp:read-only {background-color:#f0f0f0;color:#888;opacity:1;-webkit-text-fill-color:currentcolor;}
.inp_area .inp.pw {padding-right:90px;} /* 2025-02-27 비밀번호 입력 필드 개선 */
.inp_area .pw_view {display:none;overflow:hidden;position:absolute;top:0;right:15px;width:auto;height:100%;text-decoration:underline;color:#777;font-size:12px;font-weight:500;} /* 2025-02-27 비밀번호 입력 필드 개선 */
.inp_area .del {display:none;overflow:hidden;position:absolute;top:0;right:0;width:40px;height:100%;background:url(/resources_new/img/member/img_del.png) 50% 50%/14px no-repeat;text-indent:-999em;}
.inp_area .time {position:absolute;top:50%;right:14px;line-height:1;font-size:13px !important;color:#5382fa;letter-spacing:.025em;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
/* 이메일 자동완성 Dropdown box - 2025-03-05 수정 */
.email_autolist {position:absolute;top:calc(100% + 6px);left:0;z-index:10;padding:8px 14px;border:1px solid #444;border-radius:10px;background-color:#fff;box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.1);}
.email_autolist a span {font-size:14px;line-height:28px;font-weight:400;}
.email_autolist a strong {font-size:14px;line-height:28px;font-weight:600;}
.email_autolist a:hover {text-decoration:underline;}
.err_msg {line-height:16px;margin-top:10px;font-weight:500;font-size:12px;color:#ff5c54;}
.err_msg.ok {color:#5382fa;}
.err_msg.link {position:relative;padding-right:65px;color:#424242;}
.err_msg.link a {position:absolute;top:0;right:0;color:#ff5c54;text-decoration:underline;font-weight:500;}
.err_msg.time {display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:100px;color:#424242;}
.err_msg.time * {font-weight:700;}
.err_msg.time span {-webkit-box-flex:1;-ms-flex:1;flex:1;}
.err_msg.time em {margin-left:5px;font-weight:700;}
.err_msg.time a {margin-left:5px;font-weight:700;color:#424242;text-decoration:underline;}
/* 비밀번호 실시간 피드백 - 2025-02-27 추가 */
.err_feedback {display:none;line-height:16px;margin-top:10px;font-weight:500;font-size:12px;color:#777;}
.err_feedback .chk_msg {display:inline-block;vertical-align:top;line-height:16px;font-weight:500;font-size:12px;color:#777;letter-spacing:-0.02em;}
.err_feedback .chk_msg::before {content:'';clear:both;display:inline-block;vertical-align:top;width:16px;height:16px;margin-right:4px;background:url(/resources_new/img/member/icon_check.svg) 0 0/16px no-repeat;}
.err_feedback .chk_msg.ok {color:#5382fa;}
.err_feedback .chk_msg.ok::before {background-image:url(/resources_new/img/member/icon_check_on.svg);}
.err_feedback .chk_msg + .chk_msg {margin-left:8px;}
.chk_area {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0;}
.chk_area .chk {display:inline-block;border:0;vertical-align:top;}
.chk_area .cc {width:20px;height:20px;background:transparent url(/resources_new/img/order/check.png) 0 0/20px no-repeat;} /* 2024-09-13 페이스북 로그인 개선 */
.chk_area .cc:checked {background-position:0 -20px;} /* 2024-09-13 페이스북 로그인 개선 */
.chk_area .cc:disabled {background-position:0 -40px;}
.chk_area .sq {width:20px;height:20px;background:transparent url(/resources_new/img/order/check.png) 0 0/20px no-repeat;} /* 2024-09-13 페이스북 로그인 개선 */
.chk_area .sq:checked {background-position:0 -20px;} /* 2024-09-13 페이스북 로그인 개선 */
.chk_area .sq:disabled {background-position:0 -40px;}
.chk_area .dot {width:20px;height:20px;background:transparent url(/resources_new/img/member/img_check.png) -50px 0/75px no-repeat;}
.chk_area .dot:checked {background-position:-50px -25px;}
.chk_area label {-webkit-box-flex:1;-ms-flex:1;flex:1;line-height:20px;margin-left:8px;font-size:15px;color:#222;letter-spacing:-.01em;}
.chk_area label.title {font-weight:700;font-size:16px;}
.switch_area {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.switch_area label {line-height:26px;font-size:15px;color:#424242;letter-spacing:-.005em;text-align:right;}
.switch_area input {width:50px;height:26px;margin-left:10px;background:transparent url(/resources_new/img/member/img_switch.png) 0 0/50px no-repeat;}
.switch_area input:checked {background-position:0 -30px;}
/*! 화원가입 정보 수정 2023-02-21 */
.join_history, .join_info {line-height:20px;}
.join_info .cont_top ul {margin:5px 0;color:#888;}
.join_info .cont_top li {margin-top:0;}
.join_info .cont_box {margin:0 16px;}
.join_info .cont_box {margin:0 16px;}
/*! 카카오 추가 연동 타이틀 수정 2023-02-17 */
.join_history .btn_area .btn, .join_info .btn_area .btn, .find_id.success .btn_area .btn {display:block;position:relative;width:100%;height:52px;padding-left:40px;border-radius:0;-webkit-box-sizing:border-box;box-sizing:border-box;background:#ff329b;font-size:16px;color:#fff;letter-spacing:-.005em;} /* 2024-09-13 페이스북 로그인 개선 */
.join_history .btn_area .btn:before, .join_info .btn_area .btn:before, .find_id.success .btn_area .btn:before {content:'';display:inline-block;position:absolute;top:16px;left:20px;width:20px;height:20px;background:url(/resources_new/img/member/sp_join_sns.png) 0 0/120px no-repeat;}
.join_history .btn_area .btn.login, .join_history .btn_area .btn.white, .join_info .btn_area .btn.login, .join_info .btn_area .btn.white, .find_id.success .btn_area .btn.login, .find_id.success .btn_area .btn.white {padding-left:0 !important;}
.join_history .btn_area .btn.login:before, .join_history .btn_area .btn.white:before, .join_info .btn_area .btn.login:before, .join_info .btn_area .btn.white:before, .find_id.success .btn_area .btn.login:before, .find_id.success .btn_area .btn.white:before {display:none;}
.join_history .btn_area .btn.kakao, .join_info .btn_area .btn.kakao, .find_id.success .btn_area .btn.kakao {border-color:#fee500;background:#fee500;color:#222;}
.join_history .btn_area .btn.kakao:before, .join_info .btn_area .btn.kakao:before, .find_id.success .btn_area .btn.kakao:before {background-position:-25px 0;}
.join_history .btn_area .btn.naver, .join_info .btn_area .btn.naver, .find_id.success .btn_area .btn.naver {border-color:#1ec800;background:#1ec800;}
.join_history .btn_area .btn.naver:before, .join_info .btn_area .btn.naver:before, .find_id.success .btn_area .btn.naver:before {background-position:-50px 0;}
.join_history .btn_area .btn.app, .join_info .btn_area .btn.app, .find_id.success .btn_area .btn.app {border-color:#4a5cff;background:#4a5cff;}
.join_history .btn_area .btn.app:before, .join_info .btn_area .btn.app:before, .find_id.success .btn_area .btn.app:before {background-position:0 0;}
.join_history .btn_area .btn.apple, .join_info .btn_area .btn.apple, .find_id.success .btn_area .btn.apple {border-color:#000;background:#000;}
.join_history .btn_area .btn.apple:before, .join_info .btn_area .btn.apple:before, .find_id.success .btn_area .btn.apple:before {background-position:-100px 0;}
.btn_area {position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;} /* 2024-06-27 로그인 이력 말풍선 표시 */
.btn_area .btn {-webkit-box-flex:1;-ms-flex:1;flex:1;height:52px;border:1px solid #a1a1a1;border-radius:5px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff;font-size:16px;color:#222;text-align:center;}
.btn_area a.btn {line-height:50px;}
.btn_area .btn.active {border-color:#ff329b;background:#ff329b;color:#fff;}/* 모바일리뉴얼대응 컬러변경 2023-12-15 */
/* 모바일리뉴얼대응 > 로그인 > 로그인버튼 2023-12-16 */
#loginButton.btn.active {border-color:#ff329b;background:#ff329b;color:#fff;}
.btn_area .btn.black {border-color:#222;background:#222;color:#fff;}
.btn_area .btn.disabled {border-color:#ccc;background:#ccc;color:#fff;font-weight:400 !important;}
.btn_area .btn.white {border-color:#424242;background:#fff;color:#424242;}
.btn_area .btn.white + .btn {margin-left:12px;}
.form_area > .chk_area, .form_area > .flex_area, .form_area > .inp_area {margin-top:12px;}
.form_area > .chk_area:first-of-type, .form_area > .flex_area:first-of-type, .form_area > .inp_area:first-of-type {margin-top:0;}
.form_area .sbtn {width:90px;height:50px;border:1px solid #6f7b81;border-radius:5px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;font-weight:700;font-size:15px;color:#6f7b81;text-align:center;text-align:center;}
.form_area .sbtn.green {background:#6f7b81;color:#fff;}
.form_area .sbtn.disabled {border-color:#b7bdc0;background-color:#b7bdc0;color:#fff;}
.form_area .btn_area {margin-top:20px;}
.form_area .c_red {color:#ff329b;}
.form_box .form_tit {display:block;position:relative;line-height:20px;padding:20px 0 10px 24px;font-weight:700;font-size:13px;color:#424242;letter-spacing:-.015em;}
.form_box .form_tit:before {content:'';position:absolute;top:calc(50% + 5px);left:0;width:16px;height:16px;background:url(/resources_new/img/member/sp_ico_tit.png) no-repeat 0 0/auto 16px;-webkit-transform:translateY(-50%);transform:translateY(-50%);} /* 2024-09-13 페이스북 로그인 개선 */
.form_box .form_tit.kakao:before {background-position:-16px 0;}
.form_box .form_tit.naver:before {background-position:-32px 0;}
.form_box .form_tit.appcard:before {background-position:-48px 0;}
.form_box .form_tit.apple:before {background-position:-64px 0;}
.form_box .form_tit.facebook:before {background-position:-80px 0;} /* 2024-09-13 페이스북 로그인 개선 */
.form_box .form_inp {position:relative;}
.form_box .form_inp + .form_inp {margin-top:1px;}
.form_box .form_inp .inp {display:block;overflow:hidden;height:48px;line-height:48px;padding:0 70px 0 14px;background:#fafafa;font-size:15px;color:#222;white-space:nowrap;text-overflow:ellipsis;}
.form_box .form_inp .txt {position:absolute;top:50%;right:14px;line-height:1;font-size:13px;color:#888;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.flex_area {display:-webkit-box;display:-ms-flexbox;display:flex;}
.flex_area .chk_area, .flex_area .inp_area {-webkit-box-flex:1;-ms-flex:1;flex:1;}
.flex_area .inp_area + .inp_area, .flex_area .inp_area + .sbtn {margin-left:10px;}
.guide_area {margin-top:20px;}
.guide_area .tit {display:block;line-height:16px;margin-bottom:5px;font-size:13px;color:#424242;letter-spacing:-.01em;font-weight:700;}
.guide_area .list {line-height:16px;font-size:12px;color:#888;letter-spacing:-.015em;}
.guide_area .list li {position:relative;margin-top:3px;padding-left:11px;}
.guide_area .list li:first-child {margin-top:0;}
.guide_area .list li:before {content:'';display:inline-block;position:absolute;top:7px;left:4px;width:2px;height:2px;border-radius:2px;background:#888;}
.guide_area .list2 {line-height:18px;font-size:13px;color:#424242;letter-spacing:-.015em;}
.guide_area .list2 li {position:relative;margin-top:3px;padding-left:11px;}
.guide_area .list2 li:first-child {margin-top:0;}
.guide_area .list2 li:before {content:'';display:inline-block;position:absolute;top:8px;left:4px;width:2px;height:2px;border-radius:2px;background:#424242;}
.ad_area {margin-top:46px;}
.ad_area .tit {line-height:24px;font-weight:700;font-size:18px;color:#222;letter-spacing:-.005em;}
.ad_area .txt {line-height:20px;margin-top:4px;font-size:14px;color:#222;letter-spacing:-.005em;}
.ad_area .btn_area {margin-top:20px;}
.banner_area {border-top:10px solid #eee;}
.banner_area a {display:block;}
.banner_area img {width:100%;vertical-align:top;}
/*! 로그인 */
/*! 2023-02-23 로그인 수정 */
.login .cont_box {margin:0 20px;padding-top:20px;}
.login .inp_area .inp {height:50px;font-size:15px;}
.login .inp_area .time {font-size:15px;}
.login .btn_area .btn.active, .login .btn_area .btn.black, .login .btn_area .btn.disabled {font-weight:700;font-size:17px;}
.login .ad_area {margin-top:40px;padding-top:40px;border-top:1px solid #f0f0f0;}
.login_adult {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:36px;padding-bottom:0;}
.login_adult:before {content:'';display:block;width:36px;height:36px;background:url(/resources_new/img/member/ico_adult_goods.png) 0 0/36px no-repeat;}
.login_links {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:20px 0;}
.login_links a {height:40px;line-height:40px;font-size:13px;color:#777;letter-spacing:-.015em;}
.login_links a + a:before {content:'';display:inline-block;width:1px;height:12px;margin:14px 14px 0;background:#e0e0e0;vertical-align:top;}
/* SNS 간편가입 수정 2025-04-11 수정 */
.login_btn_sns {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:0 20px;margin:0 -20px;padding:10px 0 30px;}
.login_btn_sns li:first-child {margin-left:0;}
.login_btn_sns li {position:relative;} /* 2024-06-27 로그인 이력 말풍선 표시 */
.login_btn_sns li a {display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;position:relative;width:64px;line-height:20px;background:url(/resources_new/img/member/img_login_sns.png?v=20250328) 0 0/auto 64px no-repeat;}
.login_btn_sns li a em {display:block;position:relative;width:auto;height:20px;line-height:20px;margin-top:10px;font-size:13px;color:#777;text-align:center;white-space:nowrap;}
.login_btn_sns li a em .badge {position:absolute;top:4px;right:-7px;display:block;width:4px;height:4px;background-color:#ff329b;border-radius:50%;}
.login_btn_sns li a::before {content:'';clear:both;display:block;width:64px;height:64px;flex-shrink:0;}
.login_btn_sns li .naver {background-position:0 0;}
.login_btn_sns li .kakao {background-position:-70px 0;}
.login_btn_sns li .cellphone {background-position:-140px 0;}
.login_btn_sns li .facebook {background-position:-210px 0;} /* 2024-09-13 페이스북 로그인 개선 */
.login_btn_sns li .apple {background-position:-280px 0;} /* 2025-03-28 애플 로그인 */
.login_app .btn em {display:inline-block;overflow:hidden;width:44px;height:18px;background:url(/resources_new/img/member/img_appcard.png) 0 0/44px no-repeat;text-indent:-999em;vertical-align:-3px;}
.login_ad {margin-top:12px;padding:0;}
.login_ad .btn {position:relative;}
.login_ad .btn em {display:inline-block;overflow:hidden;position:absolute;left:5px;top:0;color:#aaa;font-size:8px;line-height:14px;letter-spacing:-0.02em;font-weight:500;} /* 2024-11-19 로그인 > 휴대폰번호 로그인 버튼 제휴사 가이드 변경 */
.login_ad .btn .ad {position:absolute;bottom:0;right:5px;display:block;color:#aaa;font-size:8px;line-height:14px;letter-spacing:-0.02em;font-weight:500;} /* 2024-11-19 로그인 > 휴대폰번호 로그인 버튼 제휴사 가이드 변경 */
.login_ad .btn strong {font-weight:600;}
.login_auto {margin-top:20px;}
/*! 로그인 브릿지 */
.login_bridge {text-align:center;}
.login_bridge .txt {margin:0 20px;padding-top:100px;}
.login_bridge .txt p {line-height:24px;font-weight:700;font-size:16px;color:#424242;}
.login_bridge .btn {margin-top:20px;}
.login_bridge .btn button {position:relative;width:300px;height:50px;border:0;border-radius:5px;font-size:15px;letter-spacing:-.01em;}
.login_bridge .btn button.kakao {padding-left:20px;background:#fee500;}
.login_bridge .btn button.kakao:before {content:'';display:inline-block;position:absolute;top:17px;left:16px;width:18px;height:17px;background:url(/resources_new/img/member/img_kakao.png) 0 0/18px no-repeat;}
/*! 로그인 - Apple로 로그인 2023-04-05 */
.login_apple {margin-top:12px;}
.login_apple a.btn {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-color:#000;background-color:#000;color:#fff;}
.login_apple a.btn:before {content:'';width:20px;height:20px;margin-right:7px;background:url(/resources_new/img/member/ico_login_apple.png) 0 0/20px no-repeat;}

/* 로그인 - 비회원 로그인 2023-07-28 */
.btn_group {margin-top:12px;border:1px solid #e0e0e0;border-radius:5px;overflow:hidden;}
.btn_group .btn {position:relative;height:50px;border:none;}
.btn_group .btn::after {content:'';clear:both;position:absolute;top:50%;left:0;transform:translateY(-50%);display:block;width:1px;height:15px;background-color:#e0e0e0;}
.btn_group .btn:first-child:after {display:none;}
.btn_group + .btn_group {margin-top:12px;}
.chk_area:not([style*="display:none"]) + .btn_group {margin-top:50px;}

/*! 회원가입 */
.join.agree {margin-top:20px;} /* 개인정보 수집 및 이용동의 2023-07-28 */
.join .cont_box {margin:10px 20px 0;padding-bottom:20px;}
.join .cont_box:first-child, .join .cont_box:first-of-type, .join .cont_top + .cont_box {margin-top:0;}
.terms_area {margin-top:14px;}
.terms_area.sub {flex-wrap: wrap; row-gap: 14px; padding-left:32px;}
.terms_area.sub .chk_area {flex: 0 0 50%;}
.terms_area.open .terms_tit .toggle {background-position:100% -20px;}
.terms_area.open .terms_cont {display:block;}
.terms_tit .toggle {height:18px;padding:0 24px 0 10px;background:url(/resources_new/img/member/img_toggle.png) 100% 0/20px no-repeat;font-size:13px;color:#888;}
.terms_cont {display:none;height:150px;margin-top:16px;padding:10px;border:1px solid #f0f0f0;border-radius:5px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fcfcfc;}
.terms_cont .inner {height:100%;overflow-y:auto;}
.terms_cont .termsBox dt {line-height:20px;padding:5px 0;font-weight:700;font-size:13px;color:#222;}
.terms_cont .termsBox dt:first-child {padding-top:0;}
.terms_cont .termsBox dd {line-height:18px;font-size:12px;color:#222;letter-spacing:-.035em;}
.terms_cont .termsBox .mgL {margin-left:8px;}
.terms_cont .termsBox_txt {line-height:18px;font-size:12px;color:#222;letter-spacing:-.035em;}
.terms_cont .termsBox_txt strong {font-weight:700;font-size:13px;color:#ff329b;}
.terms_cont .termsBox_txt .underline {text-decoration:underline;} /* 2025-04-21 개인정보 수집∙이용 고지 강화 */
/*! 기존회원 연동 */
.join_history .cont_box {margin:0 16px;}
/*! 주문이력 통합 */
.join_order .cont_box {margin:0 16px;}
.join_order .tit_area {margin-bottom:0;}
.chk_list .chk_area {margin:0;padding:20px 0;border-bottom:1px solid #f0f0f0;}
.chk_list .chk_area label {color:#222;}
.chk_list .chk_area .tag {width:46px;height:20px;line-height:20px;margin-left:10px;border:1px solid #6f7b81;border-radius:20px;-webkit-box-sizing:bordet-box;box-sizing:bordet-box;font-weight:700;font-size:12px;color:#6f7b81;letter-spacing:-.025em;text-align:center;}
/*! 회원가입 완료 */
.join_success {padding-bottom:0;}
.join_success .cont_box {margin:0 20px;padding:20px 0 40px;}
.join_success .tit_area {margin:0;padding:0;border-bottom:0 none;}
.join_success .tit {line-height:34px;font-size:24px;color:#222;letter-spacing:-.005em;}
.join_success .txt {line-height:22px;margin-top:16px;font-size:15px;color:#222;letter-spacing:-.015em;}
.join_success .btn_area {margin-top:30px;padding-top:40px;border-top:2px solid #222;}
.join_success .btn_area .btn.active {font-weight:700;font-size:17px;}
.join_success .switch_area {margin-top:16px;}
.benepia_area {padding:0 20px 100px;border-top:10px solid #eee;}
.benepia_area .tit {line-height:24px;padding:20px 0 18px;border-bottom:2px solid #222;font-weight:700;font-size:18px;color:#222;letter-spacing:-.015em;}
.benepia_area .list {line-height:20px;margin-top:20px;font-size:14px;color:#222;letter-spacing:-.015em;}
.benepia_area .list li {position:relative;margin-top:10px;padding-left:11px;}
.benepia_area .list li:first-child {margin-top:0;}
.benepia_area .list li:before {content:'';display:inline-block;position:absolute;top:9px;left:4px;width:2px;height:2px;border-radius:2px;background:#424242;}
.benepia_area .list strong {font-weight:700;letter-spacing:-.04em;}
/*! 2021-12-07 회원가입 안내 */
.join_first .content {padding-bottom:100px;}
.join_first .cont_box {margin:0 16px;}
.join_first .cont_box .tit {line-height:24px;padding-top:16px;font-weight:700;font-size:18px;color:#222;letter-spacing:-.015em;}
.join_first .cont_box .txt {line-height:20px;margin-top:4px;padding-bottom:14px;font-size:13px;color:#222;letter-spacing:-.005em;}
.join_first .cont_box.sns {margin-top:30px;}
.join_first .btn_list {padding-top:20px;border-top:2px solid #222;}
.join_first .btn_list li {margin-top:12px;}
.join_first .btn_list li:first-child {margin-top:0;}
.join_first .btn_list li .btn {display:block;position:relative;width:100%;height:52px;padding-left:40px;border-radius:5px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#ff329b;font-size:16px;color:#fff;letter-spacing:-.005em;}/* 모바일리뉴얼대응 컬러변경 2023-12-15 */
.join_first .btn_list li .btn:before {content:'';display:inline-block;position:absolute;top:16px;left:20px;width:20px;height:20px;background:url(/resources_new/img/member/sp_join_sns.png) 0 0/120px no-repeat;}
.join_first .btn_list li .join {padding-left:0;background:#ff329b;}/* 모바일리뉴얼대응 컬러변경 2023-12-15 */
.join_first .btn_list li .join:before {display:none;}
.join_first .btn_list li .app {background:#4a5cff;}
.join_first .btn_list li .app:before {background-position:0 0;}
.join_first .btn_list li .kakao {background:#fee500;color:#222;}
.join_first .btn_list li .kakao:before {background-position:-25px 0;}
.join_first .btn_list li .naver {background:#1ec800;}
.join_first .btn_list li .naver:before {background-position:-50px 0;}
.join_first .btn_list li .facebook {background:#1877f2;}
.join_first .btn_list li .facebook:before {background-position:-75px 0;}
/*! [웹접근성] 아이디/비밀번호 찾기 리뉴얼 */
.find_pw .cont_top ul {margin:5px 0;color:#888;}
.find_pw .cont_top li {margin-top:0;}
.find_pw .cont_box {margin:0 20px;padding-top:20px;}
.find_id .cont_box {margin:0 20px;padding-top:20px;}
.find_id.success .cont_box {padding-top:0;}
.find_id.fail .cont_box {margin:0 20px;padding:0;}
.find_id.fail .tit_area {margin:0;padding:30px 0;}
.find_id.fail .tit {line-height:34px;font-size:24px;color:#222;letter-spacing:-.005em;}
.find_id.fail .txt {line-height:22px;margin-top:16px;font-size:15px;color:#222;letter-spacing:-.015em;}
.find_id.fail .btn_area {margin-top:40px;}
.find_id.fail .btn_area .btn.active {font-weight:700;font-size:17px;}
/*! real-time 회원가입팝업 */
.layer.realtime .login_btn_sns {-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;margin:0 0;padding:30px 0 0 0;}
.layer.realtime .login_btn_sns li:first-child {margin-left:0;}
.layer.realtime .layer_body {text-align:center;}
.layer.realtime .layer_body .text {height:20px;}
.layer.realtime .layer_body strong {display:block;height:30px;line-height:30px;font-size:20px;color:#222;}

/* 탭박스 2023-12-20 */
.tab_box_wrap {padding:10px 20px;}
.tab_box {display:flex;height:48px;box-sizing:border-box;background:#f5f5f5;}
.tab_box .tab_item {display:flex;justify-content:center;align-items:center;-webkit-box-flex:1;flex:1;border:solid 1px #e4e4e4;font-size:15px;color:#777;letter-spacing:-0.23px;}
.tab_box .tab_item.active {padding-top:1px;border:none;background-color:#222;font-weight:400;color:#fff;}
/* 라디오 리스트 2023-12-20 */
.radio_list_wrap {margin:0;padding:0;}
.radio_list_wrap ul {margin-top:0;}
.radio_list_wrap ul li {padding:20px 0;border-bottom:1px solid #f0f0f0;}
.radio_list_wrap label {display:flex;align-items:flex-start;padding:0;}
.radio_list_wrap label input[type=radio] {display:block;height:20px;min-width:20px;margin-right:0;background-position:0 0;background-size:20px auto;background-image:url(/resources_new/img/member/radio-pink.png);}
.radio_list_wrap label input[type=radio]:checked {background-position:0 -20px;}
.radio_list_wrap label .label_cont {-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:10px;}
.radio_list_wrap label .label_cont .name {display:block;height:20px;line-height:20px;font-size:15px;color:#222;}
.radio_list_wrap label .label_cont .info {display:flex;margin-top:4px;}
.radio_list_wrap label .label_cont .info span {position:relative;height:20px;line-height:20px;font-size:13px;color:#888;}
.radio_list_wrap label .label_cont .info span + span {margin-left:8px;padding-left:9px;}
.radio_list_wrap label .label_cont .info span + span:before {content:'';position:absolute;top:5px;left:0;width:1px;height:10px;background-color:#f0f0f0;}
/* 스위치 리스트 2023-12-20 */
.switch_list_wrap {margin:0;padding:0;}
.switch_list_wrap ul {margin-top:0;}
.switch_list_wrap ul li {padding:16px 0;border-bottom:none;}
.switch_list_wrap .switch_area {position:relative;display:flex;justify-content:flex-start;align-items:center;}
.switch_list_wrap .switch_area label {line-height:24px;font-weight:700;font-size:18px;color:#222;letter-spacing:-.015em;}
.switch_list_wrap .switch_area input {position:absolute;top:-3px;right:0;width:50px;height:30px;margin-left:10px;background-color:#bbb;border-radius:15px;background-image:none;}
.switch_list_wrap .switch_area input::after {content:'';display:block;clear:both;position:absolute;top:2px;left:2px;right:auto;width:26px;height:26px;border-radius:13px;background-color:#fff;}
.switch_list_wrap .switch_area input:checked {background-color:#ff329b;}
.switch_list_wrap .switch_area input:checked::after {left:auto;right:2px;}
.switch_list_wrap ul li .txt {line-height:20px;margin-top:6px;font-size:13px;color:#222;letter-spacing:-.005em;}

/* 로그인 정보관리 2023-12-20 */
.logininfo .form_footer .btn,
.join .form_footer .btn,
.find_id .form_footer .btn,
.find_pw .form_footer .btn,
.logininfo .btn_area .btn,
.join .btn_area .btn,
.find_id .btn_area .btn,
.find_pw .btn_area .btn,
.logininfo .inp_area .inp,
.join .inp_area .inp,
.find_id .inp_area .inp,
.find_pw .inp_area .inp {border-radius:0;}
.logininfo .form_area .sbtn,
.join .form_area .sbtn,
.find_id .form_area .sbtn,
.find_pw  .form_area .sbtn {border:1px solid #424242;border-radius:0;color:#424242;}
.logininfo .form_area .sbtn.green,
.join .form_area .sbtn.green,
.find_id .form_area .sbtn.green,
.find_pw .form_area .sbtn.green {background:#424242;color:#fff;}
.logininfo .cont_top {padding:10px 20px 16px;}
.logininfo .cont_box {margin:0 20px;padding-top:0;padding-bottom:0;}
.logininfo .cont_top + .cont_box {padding-top:20px;}
.logininfo .tit_area {margin-bottom:0;padding:16px 0;}
.logininfo .tit_area .txt {margin-top:6px;}
.logininfo .tit_area.lg {margin:0;padding:20px 0 30px;}
.logininfo .tit_area.lg .tit {line-height:34px;font-size:24px;color:#222;letter-spacing:-.005em;}
.logininfo .tit_area.noline {padding:40px 0 20px;border-bottom:0;}
.logininfo .info_list {padding:30px 0 40px;border-bottom:1px solid #f0f0f0;}
.logininfo .info_list dl {display:flex;justify-content:space-between;align-items:flex-start;margin-top:16px;}
.logininfo .info_list dl:first-child {margin-top:0;}
.logininfo .info_list dl dt, .logininfo .info_list dl dd {flex:1;line-height:24px;min-height:24px;}
.logininfo .info_list dl dt {font-size:16px;letter-spacing:-0.24px;text-align:left;color:#777;}
.logininfo .info_list dl dd {font-size:16px;letter-spacing:-0.24px;text-align:right;color:#222;}

/* 2024-06-27 로그인 이력 말풍선 표시 */
.tooltip_login {position:absolute;z-index:1;display:block;height:24px;padding:6px 8px;box-sizing:border-box;background-color:#5382fa;color:#fff;font-size:11px;line-height:12px;font-weight:600;box-shadow:0px 2px 4px 0px rgba(83, 130, 250, 0.2);white-space:nowrap;pointer-events:none;}
.tooltip_login::after {content:'';position:absolute;top:100%;bottom:auto;display:block;width:0;height:0;border-top:6px solid #5382fa;border-right:4px solid transparent;border-bottom:0 solid transparent;border-left:4px solid transparent;}
.inp_area .tooltip_login {top:-20px;left:0;}
.inp_area .tooltip_login::after {left:12px;margin-left:0;}
.btn_area .tooltip_login {top:-20px;left:50%;transform:translateX(-50%);}
.btn_area .tooltip_login::after {left:50%;margin-left:-4px;}
.login_btn_sns .tooltip_login {top:-34px;left:50%;transform:translateX(-50%);}
.login_btn_sns .tooltip_login::after {left:50%;margin-left:-4px;}
.login_btn_sns li:first-child .tooltip_login {top:-34px;left:16px;transform:translateX(0);} /* 2025-03-28 로그인페이지 개선 */
.login_btn_sns li:first-child .tooltip_login::after {left:12px;margin-left:0;} /* 2025-03-28 로그인페이지 개선 */
.login_btn_sns li:last-child .tooltip_login {top:-34px;left:auto;right:16px;transform:translateX(0);} /* 2025-03-28 로그인페이지 개선 */
.login_btn_sns li:last-child .tooltip_login::after {left:auto;right:12px;margin-left:0;} /* 2025-03-28 로그인페이지 개선 */

/* 2025-03-28 페이스북 로그인 안내 */
.btn_area.noti {margin-top:12px;justify-content:flex-end;}
.btn_area .noti_facebook {display:inline-block;color:#777;font-size:13px;line-height:20px;letter-spacing:-0.02em;font-weight:500;text-decoration:underline;}

/* 2024-09-13 페이스북 로그인 개선 > 일반 계정 전환 */
.cont_box.change .terms_area {margin-top:20px;}
.cont_box.change .form_footer {margin-top:20px;}