@charset "utf-8";
/* ============================================================
   플러스웹 회원 스킨
   강조색 #ff3414, 본문 #111/#333/#555, 선 #e6e8ee, 배경 #fff/#f5f5f5
   다크모드는 theme-mode.css 와 같은 표면색을 사용합니다.
   ============================================================ */

/* 변수 폴백 (테마 변수가 없을 때 대비) */
:root{
  --m-brand:#ff3414;
  --m-brand-dark:#d92c10;
  --m-ink:#111;
  --m-ink-2:#333;
  --m-muted:#757575;
  --m-line:#e6e8ee;
  --m-white:#fff;
  --m-bg:#f5f5f5;
  --m-radius:14px;
  --m-radius-sm:10px;
}

/* ---------- 회원 페이지 콘텐츠 중앙 정렬 ----------
   gnuboard #container(float:left; width:930px)를 회원 페이지에서만 가운데로 */
#container{float:none !important;width:auto !important; margin:30px auto !important;padding:0 16px}

/* ---------- 공통 컨테이너/박스 ---------- */
.mbskin{position:relative;margin:60px auto;width:100%;max-width:440px;text-align:center}
.mbskin:after{display:none !important}
.mbskin .mbskin_box{
  border:1px solid var(--m-line);
  background:var(--m-white);
  border-radius:var(--m-radius);
  box-shadow:0 8px 30px rgba(17,24,39,.08);
  overflow:hidden;
}
.mbskin h1{margin:38px 0 24px;font-size:26px;font-weight:800;color:var(--m-ink);letter-spacing:-.02em}

/* ---------- 공통 폼 요소 (default.css 오버라이드) ---------- */
.frm_input,
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea,
input[type="text"].frm_input,input[type="password"].frm_input{
  width:100%;
  height:48px;
  border:1px solid var(--m-line);
  background:var(--m-white);
  color:var(--m-ink);
  border-radius:var(--m-radius-sm);
  padding:0 14px;
  font-size:15px;
  font-family:inherit;
  transition:border-color .15s, box-shadow .15s;
}
textarea.frm_input,.form_01 textarea{height:auto;padding:12px 14px;line-height:1.6}
.frm_input::placeholder{color:var(--m-muted)}
.frm_input:focus,
.form_01 textarea:focus{
  outline:0;
  border-color:var(--m-brand);
  box-shadow:0 0 0 3px rgba(255,52,20,.15);
}

/* 버튼 */
.btn_submit,
button.btn_submit,
input.btn_submit{
  width:100%;
  height:48px;
  border:0;
  background:var(--m-brand);
  color:#fff;
  border-radius:var(--m-radius-sm);
  font-weight:700;
  font-size:15px;
  cursor:pointer;
  transition:filter .15s, transform .05s;
}
.btn_submit:hover{filter:none;background:var(--m-brand-dark)}
.btn_submit:active{transform:translateY(1px)}

.btn_close,a.btn_close,
.btn02,a.btn02,
.btn_cancel,a.btn_cancel{
  display:inline-flex;align-items:center;justify-content:center;
  height:48px;padding:0 18px;
  border:1px solid var(--m-line);
  background:var(--m-white);
  color:var(--m-ink-2);
  border-radius:var(--m-radius-sm);
  font-weight:700;font-size:15px;cursor:pointer;text-decoration:none;
}
.btn_close:hover,.btn02:hover,.btn_cancel:hover{border-color:var(--m-brand);color:var(--m-brand)}

a.btn_frmline,button.btn_frmline{
  display:inline-flex;align-items:center;justify-content:center;
  width:auto;min-width:120px;height:48px;padding:0 16px;
  border:0;background:var(--m-ink-2);color:#fff;
  border-radius:var(--m-radius-sm);font-weight:700;font-size:14px;
  text-decoration:none;vertical-align:top;
}
a.btn_frmline:hover,button.btn_frmline:hover{filter:brightness(1.1)}

select{
  height:48px;border:1px solid var(--m-line);background:var(--m-white);color:var(--m-ink);
  border-radius:var(--m-radius-sm);padding:0 12px;font-family:inherit;font-size:15px;
}

/* ---------- 로그인 (기본 스킨용, 신규 lp-* 와 병행) ---------- */
#mb_login h1{position:absolute;font-size:0;line-height:0;overflow:hidden}
.mb_log_cate{display:flex;border-bottom:1px solid var(--m-line)}
.mb_log_cate h2{flex:1;float:none;width:auto;padding:18px 0;text-align:center;font-size:16px;font-weight:800;color:var(--m-brand)}
.mb_log_cate .join{flex:1;float:none;width:auto;padding:18px 0;text-align:center;background:var(--m-bg);color:var(--m-muted);font-weight:700}
.mb_log_cate .join:hover{color:var(--m-brand)}
.mb_log_cate:after{display:none}

#login_fs{padding:30px}
#mb_login #login_fs .frm_input{margin:0 0 12px}
#mb_login #login_fs .btn_submit{margin:4px 0 16px}

#login_info{display:flex;align-items:center;justify-content:space-between}
#login_info:after{display:none}
#login_info .login_if_auto{float:none}
#login_info .login_if_auto label{vertical-align:baseline;padding-left:6px;color:var(--m-ink-2)}
#login_info .login_if_lpl{float:none}
#login_info .login_if_lpl a,
#login_password_lost{
  display:inline-block;border:1px solid var(--m-line);color:var(--m-ink-2);
  border-radius:8px;padding:5px 10px;line-height:1.3;font-size:13px;text-decoration:none;
}
#login_info .login_if_lpl a:hover,#login_password_lost:hover{border-color:var(--m-brand);color:var(--m-brand)}

#mb_login_notmb,#mb_login_od_wr{margin:24px auto;padding:24px;border:1px solid var(--m-line);border-radius:var(--m-radius-sm);background:var(--m-white)}
#mb_login_notmb h2,#mb_login_od_wr h2{font-size:17px;font-weight:800;margin:0 0 12px;color:var(--m-ink)}
#guest_privacy{border:1px solid var(--m-line);text-align:left;line-height:1.6;color:var(--m-muted);background:var(--m-bg);padding:14px;height:150px;margin:10px 0;overflow-y:auto;border-radius:var(--m-radius-sm)}
#mb_login_od_wr .frm_input{margin:10px 0 0}
#mb_login_od_wr p{background:var(--m-bg);margin:16px 0 0;padding:14px 18px;line-height:1.6;border-radius:var(--m-radius-sm);color:var(--m-ink-2)}

/* ============================================================
   회원가입 STEP 1 — 회원 유형 선택 카드
   ============================================================ */
.reg-type{max-width:880px;margin:34px auto 64px;padding:0 20px;color:var(--m-ink)}
.reg-type *{box-sizing:border-box}
.reg-type-head{text-align:center;margin-bottom:28px}
.reg-type-head h1{font-size:26px;font-weight:800;color:var(--m-ink);margin:0 0 8px;letter-spacing:-.01em}
.reg-type-head h1 b{color:var(--m-brand)}
.reg-type-head p{font-size:14.5px;color:var(--m-muted);margin:0}
.reg-type-head p strong{color:var(--m-brand);font-weight:700}

.reg-type-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.reg-type-card{
  position:relative;background:var(--m-white);border:1.5px solid var(--m-line);border-radius:16px;
  padding:30px 26px 26px;cursor:pointer;text-align:center;
  display:flex;flex-direction:column;align-items:center;
  transition:border-color .15s,box-shadow .15s,transform .15s;
}
.reg-type-card:hover{border-color:var(--m-brand);box-shadow:0 16px 34px -22px rgba(255,52,20,.5);transform:translateY(-2px)}
.reg-type-card.active{border-color:var(--m-brand);box-shadow:0 18px 36px -20px rgba(255,52,20,.55)}
.reg-type-card .mt-badge{
  display:none;position:absolute;top:14px;right:14px;width:26px;height:26px;border-radius:50%;
  background:var(--m-brand);color:#fff;align-items:center;justify-content:center;font-size:13px;
}
.reg-type-card.active .mt-badge{display:flex}
.reg-type-card .ico{
  width:72px;height:72px;border-radius:20px;background:var(--brand-light,#fff1ee);color:var(--m-brand);
  display:flex;align-items:center;justify-content:center;font-size:32px;margin-bottom:16px;
}
.reg-type-card h3{font-size:19px;font-weight:800;color:var(--m-ink);margin:0 0 8px}
.reg-type-card .desc{font-size:13.5px;color:var(--m-muted);line-height:1.7;margin:0;word-break:keep-all}
.reg-type-card .pick{margin-top:16px;font-size:12.5px;font-weight:700;color:var(--m-muted);display:inline-flex;align-items:center;gap:5px}
.reg-type-card.active .pick{color:var(--m-brand)}

/* SNS 간편 가입 (개인회원 카드 내부) */
.reg-type-card .reg-sns{width:100%;margin-top:18px;padding-top:16px;border-top:1px solid var(--m-line)}
.reg-type-card .reg-sns-label{display:flex;align-items:center; justify-content:center;gap:10px;color:var(--m-muted);font-size:11.5px;font-weight:600;margin-bottom:10px;white-space:nowrap}
.reg-type-card .reg-sns-row{display:flex;gap:8px}
.reg-type-card .reg-sns-row a{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;gap:6px;height:42px;border-radius:8px;font-size:13px;font-weight:700;text-decoration:none;transition:opacity .15s;white-space:nowrap}
.reg-type-card .reg-sns-row a:hover{opacity:.9}
.reg-type-card .reg-sns-row a svg{width:16px;height:16px;flex:none;display:block}
.reg-type-card .reg-sns-row a.sns-naver{background:#03c75a;color:#fff}
.reg-type-card .reg-sns-row a.sns-kakao{background:#fee500;color:#3c1e1e}

/* 가입 진행 버튼 */
.reg-type-cta{
  display:flex;align-items:center;justify-content:center;gap:8px;
  width:100%;max-width:440px;margin:28px auto 0;height:54px;border:0;border-radius:12px;cursor:pointer;
  background:var(--m-brand);color:#fff;
  font-size:16px;font-weight:800;font-family:inherit;transition:filter .15s;
}
.reg-type-cta:hover{filter:brightness(1.07)}
.reg-type-cta.disabled{background:var(--m-line);color:var(--m-muted);cursor:not-allowed;pointer-events:none}
.reg-type-foot{text-align:center;margin-top:16px;font-size:12.5px;color:var(--m-muted)}
.reg-type-foot a{color:var(--m-brand);font-weight:700;text-decoration:none}

/* 약관 동의 — 유형 선택 없이 바로 표시 */
.register{
  max-width:860px;
  margin:48px auto 80px;
  padding:0 20px;
}
.reg-step-terms{display:block}
#fregister textarea{
  color:#333;
  font-size:14px;
  resize:vertical;
}
.register .btn_confirm .btn_submit{width:100%}

/* 다크모드 보정 */
html[data-theme="dark"] .reg-type-card .ico{background:rgba(255,52,20,.15)}
html[data-theme="dark"] .reg-type-card:hover,
html[data-theme="dark"] .reg-type-card.active{box-shadow:0 18px 36px -20px rgba(0,0,0,.7)}
html[data-theme="dark"] .reg-type-cta.disabled{background:var(--m-line);color:var(--m-muted)}

@media (max-width:680px){
  .reg-type{margin:24px auto 48px}
  .reg-type-cards{grid-template-columns:1fr}
  .reg-type-head h1{font-size:22px}
  .reg-type-card{padding:26px 20px 22px}
}

/* ---------- 회원가입 약관 ---------- */
.register:after{display:block;visibility:hidden;clear:both;content:""}
.register .btn_confirm{display:flex;gap:8px;text-align:left;margin-top:6px}
.register .btn_confirm .btn_submit,
.register .btn_confirm .btn_close{float:none;height:52px !important;width:100%;font-weight:700;font-size:15px}
.register .btn_confirm .btn_submit{margin-left:0}

#fregister p,
#member_cert_refresh p{
  position:relative;text-align:left;color:var(--m-ink-2);min-height:50px;line-height:1.5;
  font-size:15px;background:var(--m-bg);margin:0 0 12px;border-radius:var(--m-radius-sm);
  font-weight:700;padding:14px 18px 14px 22px;border:1px solid var(--m-line);
}

#fregister p i,#member_cert_refresh p i{font-size:1.2em;vertical-align:middle;color:var(--m-brand)}

#fregister section,#member_cert_refresh section{margin:12px auto 16px;border:1px solid var(--m-line);position:relative;border-radius:var(--m-radius-sm);overflow:hidden}
#fregister_chkall,#member_cert_refresh_chkall{position:relative;text-align:left;background:var(--m-bg);line-height:50px;border:1px solid var(--m-line);border-radius:var(--m-radius-sm);margin-bottom:15px;padding:0 18px;color:var(--m-ink)}
#fregister h2,#member_cert_refresh h2{text-align:left;padding:16px 56px 16px 18px;border-bottom:1px solid var(--m-line);font-size:16px;font-weight:800;color:#111;background:#fff}
#fregister textarea,#member_cert_refresh textarea{display:block;padding:18px;width:100%;height:150px;background:var(--m-white);color:var(--m-ink-2);border:0;line-height:1.6;font-family:inherit}
.fregister_terms div,#member_cert_refresh_private div{padding:18px;background:var(--m-white)}
.fregister_terms table,#member_cert_refresh_private table{width:100%;border-collapse:collapse;font-size:14px}
.fregister_terms table caption{position:absolute;font-size:0;line-height:0;overflow:hidden}
.fregister_terms table th,#member_cert_refresh_private table th{background:var(--m-bg);width:33.33%;color:var(--m-ink);padding:10px;border:1px solid var(--m-line);font-weight:700}
.fregister_terms table td,#member_cert_refresh_private table td{border:1px solid var(--m-line);padding:10px;border-top:0;color:var(--m-ink-2)}

.fregister_agree,.member_cert_refresh_agree{position:absolute;top:0;right:0}
.fregister_agree input[type="checkbox"] + label,
.member_cert_refresh_agree input[type="checkbox"] + label{color:var(--m-muted)}
.fregister_agree input[type="checkbox"] + label:hover,
.member_cert_refresh_agree input[type="checkbox"] + label:hover{color:var(--m-brand)}
.fregister_agree input[type="checkbox"] + label span,
.member_cert_refresh_agree input[type="checkbox"] + label span{position:absolute;top:18px;right:15px;width:18px;height:18px;display:block;background:var(--m-white);border:1px solid #aaa;border-radius:5px}
.fregister_agree input[type="checkbox"]:checked + label,
.member_cert_refresh_agree input[type="checkbox"]:checked + label{color:var(--m-ink)}
.fregister_agree input[type="checkbox"]:checked + label span,
.member_cert_refresh_agree input[type="checkbox"]:checked + label span{background:url('./img/chk.png') no-repeat 50% 50% var(--m-brand);border-color:var(--m-brand);border-radius:5px}

.chk_li{padding-left:20px}
#sns_register .login-sns,#sns_register h2{border:0 !important}

/* ---------- 회원가입 입력폼 ---------- */
#register_form{ margin-bottom:20px;color:var(--m-ink)}
#register_form h2{padding:18px;border-bottom:1px solid var(--m-line);font-size:16px;font-weight:800;color:var(--m-ink)}
.register_form_inner{background:var(--m-bg);border:1px solid var(--m-line);border-radius:var(--m-radius-sm);color:var(--m-ink)}
.register_form_inner ul{padding:20px}
.register_form_inner label{display:block;margin-bottom:8px;line-height:1.5;color:var(--m-ink-2);font-weight:600}
.register_form_inner label.inline{display:inline}
#fregisterform .frm_info,
#fregisterform .form_01 .frm_info{color:var(--m-muted)}

#fregisterform .cert_desc{color:var(--m-brand)}
#fregisterform .cert_req{margin-left:5px;line-height:35px}
#fregisterform #msg_certify{margin:5px 0;padding:8px;border:1px solid var(--m-line);background:var(--m-bg);text-align:center;border-radius:8px;color:var(--m-ink-2)}
#fregisterform .form_01 .reg_zip_row{display:flex;align-items:center;gap:8px;margin:0 0 6px}
#fregisterform .reg_zip_row #reg_mb_zip{width:100%;max-width:200px;flex:0 1 200px}
#fregisterform .reg_zip_row .btn_frmline{flex:0 0 auto;white-space:nowrap}
#fregisterform .frm_address{margin:6px 0 0}
#fregisterform #mb_addr3{display:inline-block;margin:6px 0 0;vertical-align:middle}
#fregisterform #mb_addr_jibeon{display:block;margin:6px 0 0}
#fregisterform .btn_confirm{text-align:center}
#fregisterform .form_01 div{margin:0 0 18px}
#fregisterform .captcha{display:block;margin:6px 0 0;max-width:100%;box-sizing:border-box}
#fregisterform #captcha.recaptcha{display:block;max-width:100%;overflow:hidden}
#fregisterform .g5-recaptcha,
#fregisterform .g-recaptcha{max-width:100%}
@media (max-width:768px){
  #fregisterform #captcha.recaptcha{width:258px;max-width:100%;height:66px}
  #fregisterform .g-recaptcha,
  #fregisterform #rc-imageselect{
    transform:scale(.85);
    -webkit-transform:scale(.85);
    transform-origin:0 0;
    -webkit-transform-origin:0 0;
  }
}
@media (max-width:380px){
  #fregisterform #captcha.recaptcha{width:219px;height:56px}
  #fregisterform .g-recaptcha,
  #fregisterform #rc-imageselect{
    transform:scale(.72);
    -webkit-transform:scale(.72);
  }
}
#fregisterform .reg_mb_img_file img{max-width:100%;height:auto}
#reg_mb_icon,#reg_mb_img{float:right}
@media (max-width:768px){
  #reg_mb_icon,#reg_mb_img{float:none}
}
#fregisterform .consent-line{display:flex;margin:0 !important}
#fregisterform .consent-line .chk_li{padding-left:0}
#fregisterform .consent-date{margin:5px 0 0 20px !important}
#fregisterform .consent-group .sub-consents{padding:0 20px}
#fregisterform .js-open-consent{display:block;margin-left:10px;font-size:12px;color:var(--m-brand);background:none;border:none;cursor:pointer;text-decoration:underline}

/* ---------- 회원가입 완료 ---------- */
#reg_result{padding:40px 30px;text-align:center;background:var(--m-white);border:1px solid var(--m-line);border-radius:var(--m-radius)}
#reg_result h2{font-size:26px;font-weight:800;margin:0 0 20px;color:var(--m-ink)}
#reg_result h2 strong{color:var(--m-brand)}
#reg_result #result_email{margin:20px 0;padding:14px 30px;border-top:1px solid var(--m-line);border-bottom:1px solid var(--m-line);background:var(--m-bg);line-height:2;border-radius:var(--m-radius-sm)}
#reg_result #result_email span{display:inline-block;width:150px;color:var(--m-muted)}
#reg_result #result_email strong{color:var(--m-brand);font-size:1.1em}
#reg_result p{line-height:1.8;color:var(--m-ink-2)}
#reg_result .result_txt{text-align:left}
#reg_result .btn_confirm{margin:40px 0}
#reg_result i{font-size:3em;color:var(--m-brand)}
#reg_result .reg_result_p{font-size:1.2em;margin:0 0 10px;color:var(--m-brand);font-weight:700}

.btn_confirm_reg{margin:20px 0;text-align:center}
.reg_btn_submit{display:inline-block;background:var(--m-brand);color:#fff;text-align:center;border-radius:var(--m-radius-sm);width:280px;height:54px;line-height:54px;font-size:1.1em;margin:0 auto;font-weight:700}
.reg_btn_submit:hover{filter:brightness(1.06)}

/* ---------- 툴팁 ---------- */
.tooltip_icon{display:inline-block;vertical-align:baseline;color:var(--m-muted);border:0;font-size:1.3em;background:transparent;cursor:pointer}
.tooltip_icon:hover{color:var(--m-brand)}
.tooltip{position:absolute;width:auto;color:#fff;background:var(--m-ink);padding:10px 12px;font-size:13px;line-height:1.5;display:none;z-index:9;font-weight:400;margin-left:15px;margin-top:10px;border-radius:8px}
.tooltip:before{content:"";position:absolute;top:8px;left:-6px;width:0;height:0;border-style:solid;border-width:6px 6px 6px 0;border-color:transparent var(--m-ink) transparent transparent}

/* ---------- 아이디/비밀번호 찾기 ---------- */
#find_info h3{display:none;margin-bottom:24px;text-align:center;font-size:17px;font-weight:800;color:var(--m-ink)}
#find_info .new_win_con{background:var(--m-white)}
#find_info.cert .new_win_con{width:calc(50% - 6px);float:left;border:1px solid var(--m-line);border-radius:var(--m-radius-sm);padding:20px}
#find_info.cert .new_win_con:nth-child(2){margin-left:12px}
#find_info.cert h3{display:block}
#find_info #mb_hp_label{display:inline-block;margin-left:10px;color:var(--m-ink-2)}
#find_info p{line-height:1.6;color:var(--m-ink-2)}
#find_info #mb_email{margin:10px 0}
#find_info .find_btn .btn_submit{width:100%;word-break:keep-all}

/* ---------- 비밀번호 재설정 ---------- */
#pw_reset #info_fs{margin-bottom:12px}
#pw_reset .frm_input{margin:10px 0 0}

/* ---------- 기존 회원 본인인증 ---------- */
#member_cert_refresh #find_info{margin:40px 0}
#member_cert_refresh #find_info .find_btn{padding:14px 18px;background:var(--m-white)}
#member_cert_refresh #find_info .find_btn > div{margin:10px 0}

/* ---------- 쪽지 ---------- */
.memo_list{border-top:1px solid var(--m-line)}
.memo_list li{border-bottom:1px solid var(--m-line);background:var(--m-white);padding:14px 16px;list-style:none;position:relative}
.memo_list li:after{display:block;visibility:hidden;clear:both;content:""}
.memo_list li.read{background:var(--m-bg)}
.memo_list li.empty_li{text-align:center;padding:24px 0;color:var(--m-muted)}
.memo_list .memo_li{float:left}
.memo_list .profile_big_img{position:relative;margin-right:14px}
.memo_list .profile_big_img img{border-radius:50%;width:52px;height:52px}
.memo_list .memo_li.memo_name{padding-top:5px;float:none}
.memo_list .memo_preview a{display:block;margin-right:30px;padding-top:10px;font-weight:400 !important;font-size:1.1em;color:var(--m-ink-2)}
.memo_list .memo_preview a:hover{text-decoration:underline;color:var(--m-brand)}
.memo_list .memo_name a,.memo_list .memo_name .sv_wrap{font-weight:700;color:var(--m-ink)}
.memo_list .no_read{position:absolute;bottom:0;right:0;display:inline-block;background:var(--m-brand);text-indent:-9999px;border-radius:50%;width:10px;height:10px;box-shadow:0 0 8px 2px rgba(255,52,20,.5);animation:blinker 1s linear infinite}
@keyframes blinker{50%{opacity:0}}

#memo_list h1#win_title{padding:14px 18px}
#memo_list .memo_datetime{font-size:.92em;color:var(--m-muted)}
#memo_list .memo_del{position:absolute;right:15px;top:15px;padding:10px;color:var(--m-muted);font-size:1.3em}
#memo_list .memo_del:hover{color:var(--m-brand)}
#memo_list .memo_cnt{margin-top:5px;font-weight:400;display:inline-block;font-size:1.1em;color:var(--m-ink-2)}
#memo_list .pg_wrap{margin-top:10px;width:100%;float:inherit;text-align:center}

#memo_view_contents{margin-bottom:20px;border-top:1px solid var(--m-line);border-bottom:1px solid var(--m-line)}
#memo_view_contents h2{position:absolute;font-size:0;line-height:0;overflow:hidden}
#memo_view_ul{margin:0;list-style:none;background:var(--m-bg)}
#memo_view_ul:after{display:block;visibility:hidden;clear:both;content:""}
.memo_view_li{position:relative}
.memo_view_li .profile_img img{display:none}
.memo_from{position:relative;background:var(--m-white);border-bottom:1px solid var(--m-line);padding:15px 20px}
.memo_from li{float:left}
.memo_from li.memo_profile img{width:40px;height:40px;border-radius:50%}
.memo_from li:first-child{margin-right:10px}
.memo_from li.memo_view_nick{width:80%}
.memo_from li.memo_view_nick a{font-weight:700 !important;color:var(--m-ink)}
.memo_from li.memo_view_date{display:block;color:var(--m-muted);line-height:24px}
.memo_from li.memo_op_btn{position:absolute}
.memo_from li.list_btn{right:53px}
.memo_from li.del_btn{right:15px}
.memo_from:after{display:block;visibility:hidden;clear:both;content:""}

.memo_btn{width:100%}
.memo_btn a{display:inline-block;width:50%;font-size:1em;color:var(--m-muted);padding:18px}
.memo_btn a.btn_right{float:right;text-align:right}
.memo_btn a i{font-size:1.2em;color:var(--m-muted);vertical-align:bottom}
.memo_btn a:hover{color:var(--m-brand)}

#memo_view p{padding:16px;min-height:150px;background:var(--m-white);line-height:1.8;color:var(--m-ink-2)}
#memo_view textarea{height:100px}
#memo_write .form_01{padding:20px;border-top:1px solid var(--m-line)}
.reply_btn{display:inline-flex;align-items:center;justify-content:center;width:150px;height:46px;padding:0 10px;font-weight:700;background:var(--m-brand);color:#fff;border-radius:var(--m-radius-sm);vertical-align:bottom;margin-right:5px}
#memo_write .reply_btn{font-size:1em}

/* ---------- 스크랩 ---------- */
#scrap li:after{display:block;visibility:hidden;clear:both;content:""}
#scrap li{position:relative;padding:20px;border-bottom:1px solid var(--m-line)}
#scrap .scrap_tit{font-weight:700;display:block;font-size:1.08em;margin-bottom:10px;line-height:1.3;color:var(--m-ink)}
#scrap .scrap_cate{float:left;display:block;color:var(--m-brand);background:var(--brand-light,#fff1ee);padding:3px 8px;border-radius:6px;font-size:.92em;margin-right:10px}
#scrap .scrap_datetime{color:var(--m-muted);line-height:18px}
#scrap .scrap_del{position:absolute;top:15px;right:15px;font-size:18px;color:var(--m-muted)}
#scrap .scrap_del:hover{color:var(--m-brand)}
#scrap_do .new_win_con{padding:0 20px}
#scrap_do textarea{width:100%;height:100px}
#scrap_do .scrap_tit{margin-bottom:10px;background:var(--m-bg);padding:12px 15px;font-size:1.1em;font-weight:700;border-radius:var(--m-radius-sm);color:var(--m-ink)}
#scrap_do label{display:block;margin:0 0 6px;font-size:1em;color:var(--m-ink-2)}
#scrap_do .win_btn:after{display:block;visibility:hidden;clear:both;content:""}
#scrap .win_btn,#scrap_do .win_btn{margin:20px 0;text-align:center}
#scrap_do .win_btn .btn_submit{float:inherit}
#scrap_do .win_desc{margin:0 20px}

/* ---------- 포인트 ---------- */
#point{text-align:center}
#point h1{text-align:left}
#point .point_all{margin:0;font-size:1.05em;overflow:hidden;font-weight:bold}
#point .point_all:after{display:block;visibility:hidden;clear:both;content:""}
#point .point_all li{float:left;width:50%;padding:20px;text-align:left}
#point .point_all li span{float:right;color:var(--m-ink);font-weight:700}
#point .point_all li:last-child{border-left:0}
#point .point_all .full_li{width:100%;text-align:left}
#point .point_all .full_li span{color:var(--m-brand);font-weight:800;font-size:1.2em}
#point .point_status{background:var(--m-ink-2);border:0;color:#fff;font-weight:700;font-size:1.05em;text-align:left;padding:14px 18px;border-radius:var(--m-radius-sm);margin:15px 20px 0}
#point .point_status:after{display:block;visibility:hidden;clear:both;content:""}
#point .point_status span{margin-left:10px;float:right}

.point_list li:first-child{border-top:1px solid var(--m-line)}
.point_list li{border-bottom:1px solid var(--m-line);background:var(--m-white);padding:15px;list-style:none;position:relative}
.point_list li:after{display:block;visibility:hidden;clear:both;content:""}
.point_list .point_use{background:var(--m-bg)}
.point_list .point_use .point_num{font-size:1.2em;color:#ef4444;font-weight:700;float:right}
.point_list .point_num{font-size:1.2em;color:var(--m-brand);font-weight:700;position:absolute;right:15px;top:25px}
.point_list .point_top{line-height:1.3;margin:0 0 5px}
.point_list .point_top:after{display:block;visibility:hidden;clear:both;content:""}
.point_list .point_tit{font-weight:700;float:left;font-size:1.05em;display:block;color:var(--m-ink)}
.point_list .point_date1,.point_list .point_date{float:left;color:var(--m-muted)}
.point_list .txt_expired{color:#ef4444;margin-left:5px}
#point .pg_wrap{width:100%;float:inherit;text-align:center}
#point .btn_close{margin:20px auto}

/* ---------- 비밀번호 확인 (로그인과 동일 카드 UI) ---------- */
#mb_confirm.mb-confirm-card{
  max-width:860px;width:92%;margin:48px auto;
  background:var(--m-white);
  border:1px solid var(--m-line);
  border-radius:18px;
  box-shadow:0 18px 50px rgba(17,24,39,.12);
  overflow:hidden;text-align:left;
}
html[data-theme="dark"] #mb_confirm.mb-confirm-card{box-shadow:0 24px 70px rgba(0,0,0,.6)}
#mb_confirm.mb-confirm-card h1.sound_only{
  position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);
}
#mb_confirm .mc-body{min-height:420px}
#mb_confirm .mc-icon{
  display:flex;align-items:center;justify-content:center;
  width:56px;height:56px;margin:0 auto 16px;
  border-radius:16px;
  background:linear-gradient(135deg,rgba(255,52,20,.12),rgba(255,52,20,.04));
  color:var(--m-brand);font-size:26px;
}
#mb_confirm .mc-id-box{
  display:flex;align-items:center;gap:10px;
  height:48px;padding:0 14px;
  border:1px solid var(--m-line);
  border-radius:var(--m-radius-sm);
  background:var(--m-bg);
  color:var(--m-ink);
}
#mb_confirm .mc-id-box i{color:var(--m-brand);font-size:18px}
#mb_confirm .mc-id-box strong{font-size:15px;font-weight:700;letter-spacing:-.01em}
#mb_confirm_id{display:inline;margin:0;font-weight:700;color:var(--m-ink)}
#mb_confirm .mc-tips{display:flex;flex-direction:column;gap:10px}
#mb_confirm .mc-tip{
  display:flex;align-items:flex-start;gap:10px;
  padding:14px 14px;
  background:var(--m-white);
  border:1px solid var(--m-line);
  border-radius:12px;
}
#mb_confirm .mc-tip i{
  flex:0 0 auto;margin-top:1px;font-size:18px;color:var(--m-brand);
}
#mb_confirm .mc-tip p{
  margin:0;padding:0;border:0;font-size:13px;line-height:1.55;color:var(--m-ink-2);
}
#mb_confirm .lp-field .frm_input{margin:0}
@media (max-width:768px){
  #mb_confirm.mb-confirm-card{width:96%;margin:18px auto;border-radius:14px}
  #mb_confirm .mc-body{min-height:unset}
}

/* 비밀글/수정/삭제 비밀번호 확인 */
.pw-page{
  min-height:100vh;
  display:flex;align-items:center;justify-content:center;
  padding:32px 16px;
  background:
    radial-gradient(900px 320px at 50% -8%, rgba(255,52,20,.14), transparent 62%),
    var(--m-bg,#f8fafc);
}
html[data-theme="dark"] .pw-page{
  background:
    radial-gradient(900px 320px at 50% -8%, rgba(255,52,20,.16), transparent 62%),
    var(--m-bg,#111827);
}
#pw_confirm.mbskin,
#pw_confirm.mb-confirm-card{
  max-width:860px;width:92%;margin:0 auto;
  background:var(--m-white);
  border:1px solid var(--m-line);
  border-radius:18px;
  box-shadow:0 18px 50px rgba(17,24,39,.12);
  overflow:hidden;text-align:left;
}
html[data-theme="dark"] #pw_confirm.mbskin,
html[data-theme="dark"] #pw_confirm.mb-confirm-card{box-shadow:0 24px 70px rgba(0,0,0,.6)}
#pw_confirm.mb-confirm-card h1.sound_only{
  position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);
}
#pw_confirm .lp-field .frm_input.required{
  background-image:none !important;
}
#pw_confirm .mc-body{min-height:420px}
#pw_confirm .mc-icon{
  display:flex;align-items:center;justify-content:center;
  width:56px;height:56px;margin:0 auto 16px;
  border-radius:16px;
  background:linear-gradient(135deg,rgba(255,52,20,.12),rgba(255,52,20,.04));
  color:var(--m-brand);font-size:26px;
}
#pw_confirm .mc-tips{display:flex;flex-direction:column;gap:10px}
#pw_confirm .mc-tip{
  display:flex;align-items:flex-start;gap:10px;
  padding:14px 14px;
  background:var(--m-white);
  border:1px solid var(--m-line);
  border-radius:12px;
}
#pw_confirm .mc-tip i{flex:0 0 auto;margin-top:1px;font-size:18px;color:var(--m-brand)}
#pw_confirm .mc-tip p{margin:0;padding:0;border:0;font-size:13px;line-height:1.55;color:var(--m-ink-2)}
#pw_confirm .pw-board{
  display:block;width:fit-content;margin:0 auto 12px;padding:4px 11px;
  border-radius:20px;background:var(--brand-light,#fff1ee);
  color:var(--m-brand);font-size:12px;font-weight:800;letter-spacing:-.02em;
}
#pw_confirm .lp-title{text-align:center}
#pw_confirm .pw-subject{
  margin:0 0 8px;font-size:15px;font-weight:700;color:var(--m-ink);line-height:1.45;
  display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
#pw_confirm .lp-subtitle + .lp-subtitle{margin-top:0}
#pw_confirm .lp-field .frm_input{margin:0}
@media (max-width:768px){
  .pw-page{padding:16px 10px;align-items:flex-start}
  #pw_confirm.mb-confirm-card{width:100%;border-radius:14px}
  #pw_confirm .mc-body{min-height:unset;flex-direction:column}
  #pw_confirm .lp-left{border-right:0;padding:32px 22px 18px}
  #pw_confirm .lp-right{width:auto;padding:8px 22px 24px}
}

/* ---------- 폼메일 ---------- */
#formmail textarea{height:120px}
#formmail .formmail_flie{position:relative}
#formmail .formmail_flie .file_wr{border:1px solid var(--m-line);background:var(--m-white);color:var(--m-ink);border-radius:var(--m-radius-sm);padding:5px;height:48px;margin:0}
#formmail .lb_icon{position:absolute;top:1px;left:1px;border-radius:var(--m-radius-sm) 0 0 var(--m-radius-sm);height:46px;line-height:46px;width:46px;background:var(--m-bg);text-align:center;color:var(--m-muted)}
#formmail .frm_file{padding-left:56px}
#formmail .frm_info{color:var(--m-brand);font-size:.92em}

/* ---------- 체크박스/라디오 ---------- */
.chk_box{position:relative}
.chk_box input[type="radio"]{position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.chk_box input[type="radio"] + label{position:relative;padding-left:24px;display:inline-block;color:var(--m-ink-2)}
.chk_box input[type="radio"] + label span{position:absolute;top:1px;left:0;width:16px;height:16px;display:block;background:var(--m-white);border:1px solid var(--m-line);border-radius:50%}
.chk_box input[type="radio"]:checked + label{color:var(--m-brand)}
.chk_box input[type="radio"]:checked + label span{border-color:var(--m-brand)}
.chk_box input[type="radio"]:checked + label span:before{width:8px;height:8px;background:var(--m-brand);content:'';position:absolute;top:3px;left:3px;border-radius:50%}
.chk_box input[type="checkbox"] + label{position:relative;color:var(--m-ink-2)}
.chk_box input[type="checkbox"] + label:hover{color:var(--m-brand)}
.chk_box input[type="checkbox"] + label span{float:left;width:16px;height:16px;margin-right:6px;display:block;background:var(--m-white);border:1px solid #aaa; top:5px; position:relative; border-radius:5px}
.chk_box input[type="checkbox"]:checked + label{color:var(--m-ink)}
.chk_box input[type="checkbox"]:checked + label span{background:url(./img/chk.png) no-repeat 50% 50% var(--m-brand);border-color:var(--m-brand);border-radius:5px}
.selec_chk{position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}

/* ---------- 자기소개 ---------- */
#profile table{margin-bottom:0}
#profile table th{text-align:left;padding:10px;width:100px;color:var(--m-ink-2)}
#profile section{color:var(--m-ink-2);background:var(--m-white);padding:14px;border:1px solid var(--m-line);margin:10px 0;border-radius:var(--m-radius-sm)}
#profile h2{margin:0 0 5px;color:var(--m-ink)}
#profile .profile_name{text-align:center;font-weight:700;color:var(--m-ink)}
#profile .my_profile_img{display:block;margin:20px 0 5px}
#profile .my_profile_img img,#profile .profile_img img{border-radius:50%}
#profile .profile_name .sv_wrap{font-weight:700;text-align:left}

/* ---------- new_win (팝업/찾기 공통) ---------- */
.new_win #win_title{font-size:1.3em;font-weight:800;padding:16px 20px;background:var(--m-white);color:var(--m-ink);box-shadow:none;border-bottom:1px solid var(--m-line)}
.new_win .win_ul li{background:var(--m-white);border:1px solid var(--m-line);border-radius:30px}
.new_win .win_ul li a{color:var(--m-ink-2)}
.new_win .win_ul .selected{background:var(--m-brand);border-color:var(--m-brand)}
.new_win .win_ul .selected a{color:#fff;font-weight:700}
.new_win .win_desc{background:var(--m-bg);color:var(--m-ink-2);border-radius:var(--m-radius-sm);line-height:1.5;padding:14px 20px}
.new_win .win_desc:after{background:var(--m-brand)}
.new_win .win_total{color:var(--m-brand);background:var(--m-bg)}
.new_win .frm_info{color:var(--m-muted)}

/* ============================================================
   다크모드 미세 보정
   ============================================================ */
html[data-theme="dark"] .mbskin .mbskin_box{box-shadow:0 8px 30px rgba(0,0,0,.45)}
html[data-theme="dark"] .frm_input:focus,
html[data-theme="dark"] .form_01 textarea:focus{box-shadow:0 0 0 3px rgba(255,52,20,.25)}
html[data-theme="dark"] .frm_input:-webkit-autofill,
html[data-theme="dark"] .frm_input:-webkit-autofill:hover,
html[data-theme="dark"] .frm_input:-webkit-autofill:focus{
  -webkit-box-shadow:0 0 0 1000px var(--m-white) inset !important;
  -webkit-text-fill-color:var(--m-ink) !important;
  caret-color:var(--m-ink) !important;
  border:1px solid var(--m-line) !important;
}
html[data-theme="dark"] #scrap .scrap_cate{background:rgba(255,52,20,.15)}
html[data-theme="dark"] .point_list .point_use .point_num,
html[data-theme="dark"] .point_list .txt_expired{color:#f87171}

/* 회원가입 폼 — social/style.css 하드코딩 배경 덮어쓰기 + 글자 대비 */
html[data-theme="dark"] #register_form,
html[data-theme="dark"] .register_form_inner{
  background:var(--m-white) !important;
  border-color:var(--m-line) !important;
  color:var(--m-ink) !important;
}
html[data-theme="dark"] #register_form h2{
  border-color:var(--m-line) !important;
  color:var(--m-ink) !important;
}
html[data-theme="dark"] .register_form_inner label,
html[data-theme="dark"] #fregisterform .form_01 div,
html[data-theme="dark"] #fregisterform .captcha,
html[data-theme="dark"] #fregisterform .cert_req,
html[data-theme="dark"] #fregisterform .frm_info{
  color:var(--m-ink-2) !important;
}
html[data-theme="dark"] #fregisterform #msg_certify{
  background:rgba(255,52,20,.12) !important;
  border-color:var(--m-line) !important;
  color:var(--m-ink-2) !important;
}
html[data-theme="dark"] .tooltip_icon{color:var(--m-muted) !important}
html[data-theme="dark"] .tooltip_icon:hover{color:var(--m-brand) !important}

/* ============================================================
   로그인 페이지 — 어두운 2컬럼 카드
   ============================================================ */
html:has(#mb_login),
body:has(#mb_login){
  background:#f5f5f5;
  color:#333;
}
body:has(#mb_login){
  min-height:100vh;
  overflow:auto;
}
#mb_login.mbskin{
  max-width:860px;width:92%;margin:48px auto;
  background:#fff;
  border:1px solid #e6e8ee;
  border-radius:18px;
  box-shadow:0 18px 50px rgba(17,17,17,.08);
  overflow:hidden;text-align:left;
  color:#111;
}
html[data-theme="dark"]:has(#mb_login),
html[data-theme="dark"] body:has(#mb_login){
  background:#12151c;
  color:#ddd;
}
html[data-theme="dark"] #mb_login.mbskin{
  --m-ink:#fff;
  --m-ink-2:#ddd;
  --m-muted:#9aa3b5;
  --m-line:#3a4458;
  --m-white:#1c2433;
  --m-bg:#161b26;
  background:#1c2433;
  border-color:#3a4458;
  color:#ddd;
  box-shadow:0 24px 70px rgba(0,0,0,.45);
}
#mb_login h1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}

/* 헤더 */
.lp-header{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;border-bottom:1px solid var(--m-line);background:var(--m-bg)}
.lp-site-name{display:block;font-size:18px;font-weight:800;color:var(--m-ink)}
.lp-site-sub{display:block;font-size:12px;color:var(--m-muted);margin-top:3px}
.lp-exit-btn{display:inline-block;background:var(--m-white);border:1px solid var(--m-line);color:var(--m-ink-2);border-radius:9px;padding:9px 20px;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap;line-height:1;transition:.18s}
.lp-exit-btn:hover{border-color:var(--m-brand);color:var(--m-brand)}

/* 2컬럼 */
.lp-body{display:flex;min-height:440px}
.lp-left{flex:1;padding:44px 38px;border-right:1px solid var(--m-line);display:flex;align-items:center;justify-content:center}
.lp-form-card{width:100%;max-width:330px}
.lp-title{text-align:center;font-size:26px;font-weight:800;color:var(--m-ink);margin:0 0 8px}
.lp-subtitle{text-align:center;font-size:14px;color:var(--m-muted);margin:0 0 26px}
.lp-field{margin-bottom:14px}
.lp-field label{display:block;font-size:13px;font-weight:600;color:var(--m-ink-2);margin-bottom:6px}
.lp-options{margin:4px 0 2px}

/* 로그인 버튼 */
.lp-btn-login{display:flex;align-items:center;justify-content:center;width:100%;height:50px;margin-top:12px;background:#ff3414;border:0;border-radius:12px;color:#fff;font-weight:700;font-size:15px;letter-spacing:.04em;cursor:pointer;transition:.2s}
.lp-btn-login:hover{filter:none;background:#d92c10;box-shadow:none;transform:none}
.lp-btn-login:active{transform:translateY(0)}

/* 하단 링크 */
.lp-extra{margin-top:20px;text-align:center}
.lp-extra p{font-size:13px;color:var(--m-muted);margin:0 0 6px}
.lp-link-join{color:var(--m-brand);font-weight:700;text-decoration:none}
.lp-link-find{display:inline-block;font-size:13px;color:var(--m-muted);text-decoration:none;transition:.18s}
.lp-link-find:hover{color:var(--m-brand)}

/* 우측 패널 */
.lp-right{width:300px;flex-shrink:0;padding:34px 26px;background:var(--m-bg);display:flex;flex-direction:column}
.lp-section{margin-bottom:22px}
.lp-section-title{display:block;font-size:13px;font-weight:800;color:var(--m-muted);border-bottom:1px solid var(--m-line);padding-bottom:8px;margin:0 0 14px}
.lp-action-card{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 14px;background:var(--m-white);border:1px solid var(--m-line);border-radius:12px;text-decoration:none;color:var(--m-ink-2);font-size:15px;font-weight:700;cursor:pointer;transition:.2s;box-sizing:border-box}
.lp-action-card:hover{border-color:var(--m-brand);color:var(--m-brand);transform:translateY(-1px);box-shadow:var(--shadow,0 6px 24px rgba(17,24,39,.08))}
.lp-action-icon{font-size:1.5em;color:var(--m-brand);flex-shrink:0}

/* 소셜 로그인 (lp-right 내부) */
.lp-right #sns_login{background:transparent !important;border:0 !important;padding:0 !important;margin:0 !important}
.lp-right #sns_login:after{display:block;clear:both;content:""}
.lp-right #sns_login h3{display:block !important;position:static !important;font-size:13px !important;font-weight:800 !important;color:var(--m-muted) !important;border-bottom:1px solid var(--m-line) !important;padding:0 0 8px !important;margin:0 0 14px !important;text-align:left !important;width:auto !important;height:auto !important;overflow:visible !important;clip:auto !important}
.lp-right #sns_login .sns-wrap{display:flex !important;flex-direction:column !important;gap:8px !important;margin:0 !important;text-align:left !important}
.lp-right #sns_login .sns-icon{display:flex !important;align-items:center !important;gap:10px !important;width:100% !important;float:none !important;margin:0 !important;padding:11px 14px !important;background:var(--m-white) !important;border:1px solid var(--m-line) !important;border-radius:12px !important;text-decoration:none !important;color:var(--m-ink-2) !important;font-size:14px !important;font-weight:600 !important;cursor:pointer !important;transition:.2s !important;box-sizing:border-box !important}
.lp-right #sns_login .sns-icon:hover{color:var(--m-ink) !important;transform:translateY(-1px) !important;box-shadow:var(--shadow,0 6px 24px rgba(17,24,39,.08)) !important}
.lp-right #sns_login .sns-icon .txt{padding-left:0 !important;border-left:0 !important}
.lp-right #sns_login .sns-icon .txt i{font-style:normal !important}

/* 소셜 아이콘 배지 — 이미지 대신 XEIcon */
.lp-right #sns_login .sns-icon .ico{display:flex !important;align-items:center !important;justify-content:center !important;width:28px !important;height:28px !important;border-radius:7px !important;flex-shrink:0 !important;background-image:none !important;color:#fff !important;position:static !important;top:auto !important;left:auto !important;text-indent:0 !important}
.lp-right #sns_login .sns-icon .ico:before{font-family:'xeicon' !important;font-size:16px !important;font-weight:normal !important;line-height:1 !important}
.lp-right #sns_login .sns-naver .ico{background:#03c75a !important}
.lp-right #sns_login .sns-naver .ico:before{content:'\ebf9'}
.lp-right #sns_login .sns-naver:hover{border-color:#03c75a !important}
.lp-right #sns_login .sns-kakao .ico{background:#fee500 !important;color:#3a1d00 !important}
.lp-right #sns_login .sns-kakao .ico:before{content:'\ebee'}
.lp-right #sns_login .sns-kakao:hover{border-color:#fee500 !important}
.lp-right #sns_login .sns-facebook .ico{background:#1877f2 !important}
.lp-right #sns_login .sns-facebook .ico:before{content:'\ebd3'}
.lp-right #sns_login .sns-facebook:hover{border-color:#1877f2 !important}
.lp-right #sns_login .sns-google .ico{background:#ea4335 !important;color:#fff !important;font-family:-apple-system,Arial,sans-serif !important;font-size:14px !important;font-weight:700 !important;overflow:hidden !important}
.lp-right #sns_login .sns-google .ico:before{content:'G';font-family:inherit !important}
.lp-right #sns_login .sns-google:hover{border-color:#ea4335 !important}
.lp-right #sns_login .sns-twitter .ico{background:#111 !important}
.lp-right #sns_login .sns-twitter .ico:before{content:'\ec1f';color:#fff !important}
.lp-right #sns_login .sns-payco .ico{background:#eb1c24 !important;font-family:-apple-system,sans-serif !important;font-size:13px !important;font-weight:900 !important}
.lp-right #sns_login .sns-payco .ico:before{content:'P';font-family:inherit !important}

/* 비회원/주문 섹션 위치 보정 */
#mb_login_notmb,#mb_login_od_wr{margin:0 28px 24px}

/* 로그인 모바일 */
@media (max-width:768px){
  #mb_login.mbskin{width:96%;margin:18px auto;border-radius:14px}
  .lp-header{padding:14px 18px}
  .lp-body{flex-direction:column;min-height:unset}
  .lp-left{border-right:none;border-bottom:1px solid var(--m-line);padding:30px 22px}
  .lp-right{width:100%;padding:26px 22px}
}

/* 구글 간편가입 버튼 */
.reg-type-card .reg-sns-row a.sns-google{background:#fff;color:#3c4043;border:1px solid #dadce0}
.reg-type-card .reg-sns-row a.sns-google:hover{background:#f8f9fa;opacity:1}
html[data-theme="dark"] .reg-type-card .reg-sns-row a.sns-google{background:#fff;color:#3c4043}