/* BASIC css start */
:root { --ink: #000; --paper: #fff; --rule: #eee; --rule-mid: #d4d4d4; --muted: #8a8a8a; --gutter: 56px; --max-w: 1480px; }
.dadazzang-login { max-width: var(--max-w); margin: 0 auto; padding: 0 var(--gutter); }
.dadazzang-login .page-head, .dadazzang-login .hd-bg { display: none !important; }

.cart-hero { display: grid; grid-template-columns: 1fr auto; gap: 40px; align-items: end; padding: 64px 0 40px; border-bottom: 1px solid var(--rule); }
.cart-crumbs { font-size: 11px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: #999; display: flex; gap: 10px; align-items: center; margin-bottom: 18px; }
.cart-crumbs .sep { color: #ccc; } .cart-crumbs .here { color: var(--ink); }
.cart-title { font-size: 84px; font-weight: 900; line-height: 0.94; letter-spacing: -0.035em; margin-bottom: 12px; }
.cart-hero-en { font-size: 11px; font-weight: 700; letter-spacing: 0.32em; color: #666; }

.login-hero-side { padding: 24px 28px; border: 1px solid var(--ink); display: flex; flex-direction: column; gap: 16px; min-width: 260px; }
.login-hero-side p { font-size: 15px; font-weight: 600; line-height: 1.5; }
.login-side-cta { display: inline-block; background: var(--ink); color: var(--paper); padding: 12px 18px; font-size: 12px; font-weight: 800; letter-spacing: 0.06em; }

/* Styling existing form */
.dadazzang-login .page-body { max-width: 480px; margin: 64px auto; }
.dadazzang-login .frm-list li { margin-bottom: 16px; }
.dadazzang-login .frm-list label { font-size: 11px; font-weight: 700; letter-spacing: 0.16em; color: var(--ink); display: block; margin-bottom: 8px; text-transform: uppercase; }
.dadazzang-login input[type="text"], .dadazzang-login input[type="password"] { width: 100%; padding: 14px 16px; border: 1px solid var(--rule); font-size: 14px; font-family: inherit; }
.dadazzang-login input[type="text"]:focus, .dadazzang-login input[type="password"]:focus { outline: none; border-color: var(--ink); }
.dadazzang-login .btn-mlog, .dadazzang-login .btn-mlog img { display: block !important; margin-top: 16px !important; }
.dadazzang-login a { display: inline-block; }
.dadazzang-login .sign { margin-top: 40px; padding-top: 24px; border-top: 1px solid var(--rule); text-align: center; font-size: 13px; color: #555; }
.dadazzang-login .sign a { color: var(--ink); font-weight: 700; }
.dadazzang-login .sign a:hover { text-decoration: underline; }

#loginWrap .page-head { width: 100%; background: url(/images/d3/modern_simple/common/dot_h1_w10.gif) repeat-x 0 50%; }
#loginWrap .page-head .hd-bg { width: 170px; background-color: #fff; }
#loginWrap .page-body { width: 660px; margin: 120px auto 240px; }
#loginWrap .mlog-sign { zoom: 1; overflow: hidden; width: 660px; }
#loginWrap .mlog-sign .mlog,
#loginWrap .mlog-sign .sign { float: left; }
/* mlog-sign */
#loginWrap .frm-list { position: absolute; left: 0px; top: 0px; }
#loginWrap .frm-list li,
#loginWrap .frm-list li label,
#loginWrap .frm-list li .txt-frm { float: left; }
#loginWrap .frm-list li { width: 100%; }
#loginWrap .frm-list li .txt-frm { width: 200px; height: 19px; margin-right: 0px; padding: 2px 0 0 2px; border: 0; background-color: #eaeaea; }
/* member login */
#loginWrap .mlog { position: relative; width: 370px; height: 100px; margin-top: 10px; margin-right: 50px; }
#loginWrap .mlog .frm-list li label { width: 50px; line-height: 21px; font-size: 11px; letter-spacing: -1px; font-weight: bold; }
#loginWrap .mlog .frm-list li { margin-bottom: 10px; }
#loginWrap .mlog .btn-mlog { position: absolute; left: 265px; top: 0px; }
#loginWrap .mlog .security { position: absolute; left: 50px; top: 60px; }
/* sign up */
#loginWrap .sign { position: relative; width: 240px; height: 100px; margin-top: 10px; }
#loginWrap .sign .frm-list li label { width: 130px; line-height: 24px; font-size: 11px; letter-spacing: -1.5px; padding-left: 10px; background: url(/design/pys5191/images/sub/bull_w7_h7_red.gif) no-repeat 0 45%; }
#loginWrap .sign .frm-list li { margin-bottom: 4px; }

/* simpleLogin */
#simpleLogin { position: relative; }
#simpleLogin .sns-login { margin-top: 30px; text-align: center; font-size: 0; line-height: 0; }
#simpleLogin .sns-login p { margin-bottom: 30px; }
#simpleLogin .sns-login a { display: inline-block; margin: 0 4px; }
/* BASIC css end */