

.devm_mb-basic{padding:0;background:var(--c-bg,#F8FAFC)}
.devm_mb-basic__wrap{width:100%;max-width:480px;margin:0 auto;padding:0 1.25rem}
.devm_mb-basic__wrap--wide{max-width:860px}

.devm_mb-basic .sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.devm_mb-basic__card{padding:2.5rem 2.2rem;background:var(--c-surface,#fff);box-shadow:var(--sh-2,0 1px 3px rgba(15,23,42,.08))}
.devm_mb-basic__card--sub{margin-top:1rem}
.devm_mb-basic__card--flat{padding:0}

.devm_mb-basic__head{margin-bottom:1.75rem;text-align:center}
.devm_mb-basic__head h2{font-size:1.65rem;letter-spacing:-.04em}
.devm_mb-basic__head p{margin-top:.6rem;color:var(--c-fg-3,#6B7177);font-size:var(--fs-sm,.875rem);word-break:keep-all}
.devm_mb-basic__head--left{text-align:left}

.devm_mb-basic__field{position:relative}
.devm_mb-basic__field+.devm_mb-basic__field{margin-top:.6rem}
.devm_mb-basic__field>i{position:absolute;left:1rem;top:50%;margin-top:-.55rem;color:var(--c-fg-3,#6B7177);font-size:1.1rem;line-height:1}
.devm_mb-basic__field input{width:100%;height:52px;padding:0 1rem 0 2.85rem;border:1px solid var(--c-line,#DEE1E4);background:var(--c-surface,#fff);color:var(--c-fg,#16181A);font:inherit}
.devm_mb-basic__field input:focus{outline:0;border-color:var(--c-accent,#3A4E6B);box-shadow:none}

.devm_mb-basic__submit{display:block;width:100%;min-height:52px;margin-top:.9rem;border:0;background:var(--c-accent,#3A4E6B);color:var(--c-on-accent,#fff);font:inherit;font-size:1rem;font-weight:700;text-align:center;cursor:pointer;transition:background-color .25s var(--ez,ease)}
.devm_mb-basic__submit:hover{background:var(--c-accent-deep,#2B3B52);color:var(--c-on-accent,#fff)}

.devm_mb-basic__aside{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;font-size:var(--fs-sm,.875rem)}
.devm_mb-basic__aside a{color:var(--c-fg-3,#6B7177)}
.devm_mb-basic__aside a:hover{color:var(--c-accent-deep,#2B3B52)}
.devm_mb-basic__auto{display:inline-flex;align-items:center;gap:.45rem;color:var(--c-fg-2,#4A4F55);font-size:var(--fs-sm,.875rem);cursor:pointer}
.devm_mb-basic__auto input{width:18px;height:18px;flex:none;accent-color:var(--c-accent,#3A4E6B)}

.devm_mb-basic__join{margin-top:1.75rem;padding-top:1.35rem;border-top:1px solid var(--c-line,#DEE1E4);color:var(--c-fg-3,#6B7177);font-size:var(--fs-sm,.875rem);text-align:center}
.devm_mb-basic__join a{margin-left:.35rem;color:var(--c-accent,#3A4E6B);font-weight:700}
.devm_mb-basic__join a:hover{color:var(--c-accent-deep,#2B3B52)}

.devm_mb-basic__terms{max-height:180px;margin-bottom:1rem;padding:1rem;overflow-y:auto;border:1px solid var(--c-line,#DEE1E4);background:var(--c-surface-2,#F6F7F8);color:var(--c-fg-2,#4A4F55);font-size:var(--fs-xs,.75rem);line-height:1.75}
.devm_mb-basic__terms textarea{display:block;width:100%;min-height:150px;border:0;background:none;resize:vertical;color:inherit;font:inherit}
.devm_mb-basic__note{margin-top:.55rem;color:var(--c-fg-3,#6B7177);font-size:var(--fs-xs,.75rem);word-break:keep-all}
.devm_mb-basic__msg{display:block;margin-top:.4rem;color:var(--c-danger,#DC2626);font-size:var(--fs-xs,.75rem)}

.devm_mb-basic__btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:44px;padding:.5rem 1.1rem;border:1px solid var(--c-line,#DEE1E4);background:var(--c-surface,#fff);color:var(--c-fg-2,#4A4F55);font:inherit;font-size:var(--fs-sm,.875rem);font-weight:700;cursor:pointer;transition:background-color .25s var(--ez,ease),color .25s var(--ez,ease)}
.devm_mb-basic__btn:hover{background:var(--c-surface-2,#F6F7F8)}
.devm_mb-basic__btn--primary{border-color:var(--c-accent,#3A4E6B);background:var(--c-accent,#3A4E6B);color:var(--c-on-accent,#fff)}
.devm_mb-basic__btn--primary:hover{background:var(--c-accent-deep,#2B3B52);color:var(--c-on-accent,#fff)}
.devm_mb-basic__btn--sm{min-height:36px;padding:.3rem .7rem;font-size:var(--fs-xs,.75rem)}
.devm_mb-basic__btns{display:flex;justify-content:center;gap:.5rem;margin-top:1.5rem}
.devm_mb-basic__btns .devm_mb-basic__btn{min-width:130px}

.devm_mb-basic__sect+.devm_mb-basic__sect{margin-top:1.5rem}
.devm_mb-basic__sect h3{margin-bottom:.75rem;font-size:1rem;letter-spacing:-.02em}
.devm_mb-basic__agree{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;color:var(--c-fg-2,#4A4F55);font-size:var(--fs-sm,.875rem);cursor:pointer}
.devm_mb-basic__agree input{width:18px;height:18px;flex:none;accent-color:var(--c-accent,#3A4E6B)}
.devm_mb-basic__agreeall{margin-top:1.5rem;padding:1rem 1.1rem;background:var(--c-accent-soft,#ECEFF3)}
.devm_mb-basic__agreeall .devm_mb-basic__agree{margin-top:0;color:var(--c-accent-deep,#2B3B52);font-weight:700}
.devm_mb-basic__tbl{width:100%;margin-bottom:.5rem;border-top:1px solid var(--c-line,#DEE1E4);border-collapse:collapse;font-size:var(--fs-xs,.75rem)}
.devm_mb-basic__tbl th,.devm_mb-basic__tbl td{padding:.7rem .6rem;border-bottom:1px solid var(--c-line-soft,#EDEFF1);color:var(--c-fg-2,#4A4F55);text-align:left;word-break:keep-all}
.devm_mb-basic__tbl th{background:var(--c-surface-2,#F6F7F8);color:var(--c-fg,#16181A);font-weight:700}

.devm_mb-basic__form{background:var(--c-surface,#fff);box-shadow:var(--sh-2,0 1px 3px rgba(15,23,42,.08))}
.devm_mb-basic__form+.devm_mb-basic__form{margin-top:1rem}
.devm_mb-basic__formhead{padding:1.2rem 1.2rem;border-bottom:1px solid var(--c-line,#DEE1E4);background:var(--c-surface-2,#F6F7F8);font-size:1rem;letter-spacing:-.02em}
.devm_mb-basic__frow{display:grid;grid-template-columns:170px minmax(0,1fr);border-bottom:1px solid var(--c-line-soft,#EDEFF1)}
.devm_mb-basic__frow:last-child{border-bottom:0}
.devm_mb-basic__frow>label,.devm_mb-basic__rowlabel{padding:1.2rem;color:var(--c-fg,#16181A);font-size:var(--fs-sm,.875rem);font-weight:700}
.devm_mb-basic__req{margin-left:.25rem;color:var(--c-danger,#DC2626)}
.devm_mb-basic__fld{min-width:0;padding:1rem 1.2rem}
.devm_mb-basic__fld input[type="text"],.devm_mb-basic__fld input[type="password"],.devm_mb-basic__fld input[type="email"],.devm_mb-basic__fld select,.devm_mb-basic__fld textarea{width:100%;padding:0 .85rem;border:1px solid var(--c-line,#DEE1E4);background:var(--c-surface,#fff);color:var(--c-fg,#16181A);font:inherit}
.devm_mb-basic__fld input[type="text"],.devm_mb-basic__fld input[type="password"],.devm_mb-basic__fld input[type="email"],.devm_mb-basic__fld select{height:46px}
.devm_mb-basic__fld textarea{min-height:110px;padding:.8rem .85rem;resize:vertical;line-height:1.7}
.devm_mb-basic__fld input:focus,.devm_mb-basic__fld select:focus,.devm_mb-basic__fld textarea:focus{outline:0;border-color:var(--c-accent,#3A4E6B);box-shadow:none}
.devm_mb-basic__fld input[readonly]{background:var(--c-surface-2,#F6F7F8);color:var(--c-fg-3,#6B7177)}

.devm_mb-basic__fld--bare{padding:1rem 0 0}
.devm_mb-basic__fld input+input,.devm_mb-basic__fld .devm_mb-basic__note+input{margin-top:.5rem}

.devm_mb-basic__addr{display:flex;flex-direction:column;gap:.5rem}
.devm_mb-basic__addr input+input{margin-top:0}
.devm_mb-basic__zip{display:flex;gap:.5rem}

.devm_mb-basic__zip input[type="text"]{flex:none;width:160px;margin-top:0}
.devm_mb-basic__zip .devm_mb-basic__btn{flex:none;height:46px;min-height:0;border-color:var(--c-accent,#3A4E6B);color:var(--c-accent-deep,#2B3B52)}
.devm_mb-basic__zip .devm_mb-basic__btn:hover{background:var(--c-accent,#3A4E6B);color:var(--c-on-accent,#fff)}
.devm_mb-basic__opts{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem}
.devm_mb-basic__opts label{display:inline-flex;align-items:center;gap:.45rem;color:var(--c-fg-2,#4A4F55);font-size:var(--fs-sm,.875rem);cursor:pointer}
.devm_mb-basic__opts input[type="checkbox"],.devm_mb-basic__opts input[type="radio"]{width:18px;height:18px;flex:none;accent-color:var(--c-accent,#3A4E6B)}
.devm_mb-basic__sub{margin:.6rem 0 0 1.6rem;padding-left:1rem;border-left:2px solid var(--c-line,#DEE1E4)}
.devm_mb-basic__sub label{display:flex;align-items:center;gap:.45rem;margin-top:.5rem}
.devm_mb-basic__date{margin-left:.35rem;color:var(--c-fg-3,#6B7177);font-size:var(--fs-xs,.75rem)}
.devm_mb-basic__cert{display:flex;flex-wrap:wrap;gap:.5rem}
.devm_mb-basic__certok{margin-top:.6rem;color:var(--c-accent-deep,#2B3B52);font-size:var(--fs-sm,.875rem);font-weight:700}
.devm_mb-basic__thumb{display:flex;align-items:center;gap:.75rem;margin-top:.6rem}
.devm_mb-basic__thumb img{max-width:120px;height:auto;border:1px solid var(--c-line,#DEE1E4)}

.devm_mb-basic #captcha{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0;padding:0;border:0}
.devm_mb-basic #captcha legend{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.devm_mb-basic #captcha_img{flex:none;width:160px;height:46px;border:1px solid var(--c-line,#DEE1E4);background:var(--c-surface,#fff);object-fit:cover;vertical-align:middle}
.devm_mb-basic #captcha_key{flex:none;width:130px;height:46px;margin-top:0;padding:0 .85rem;border:1px solid var(--c-line,#DEE1E4);background:var(--c-surface,#fff);color:var(--c-fg,#16181A);font:inherit;letter-spacing:.2em;text-align:center}
.devm_mb-basic #captcha_key:focus{outline:0;border-color:var(--c-accent,#3A4E6B)}
.devm_mb-basic #captcha_mp3,.devm_mb-basic #captcha_reload{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;flex:none;height:46px;padding:0 .9rem;border:1px solid var(--c-line,#DEE1E4);background:var(--c-surface,#fff);color:var(--c-fg-2,#4A4F55);font:inherit;font-size:var(--fs-xs,.75rem);font-weight:700;cursor:pointer;transition:background-color .25s var(--ez,ease),color .25s var(--ez,ease)}
.devm_mb-basic #captcha_mp3:hover,.devm_mb-basic #captcha_reload:hover{background:var(--c-surface-2,#F6F7F8);color:var(--c-accent-deep,#2B3B52)}
.devm_mb-basic #captcha_mp3 i,.devm_mb-basic #captcha_reload i{font-size:1rem;line-height:1}
.devm_mb-basic #captcha_info{flex:1 0 100%;color:var(--c-fg-3,#6B7177);font-size:var(--fs-xs,.75rem)}

.devm_mb-basic #captcha audio{flex:1 0 100%;width:100%}

.devm_mb-basic__done{padding:3rem 2.2rem;text-align:center}
.devm_mb-basic__done>i{display:block;margin-bottom:1.2rem;color:var(--c-accent,#3A4E6B);font-size:2.6rem}
.devm_mb-basic__done h2{font-size:1.5rem;letter-spacing:-.04em;word-break:keep-all}
.devm_mb-basic__done p{margin-top:1rem;color:var(--c-fg-3,#6B7177);font-size:var(--fs-sm,.875rem);line-height:1.8;word-break:keep-all}
.devm_mb-basic__info{margin-top:1.5rem;padding:1.2rem;background:var(--c-surface-2,#F6F7F8);text-align:left}
.devm_mb-basic__info dl{display:grid;grid-template-columns:88px minmax(0,1fr);gap:.5rem 0;font-size:var(--fs-sm,.875rem)}
.devm_mb-basic__info dt{color:var(--c-fg-3,#6B7177)}
.devm_mb-basic__info dd{color:var(--c-fg,#16181A);font-weight:700;word-break:break-all}

.devm_mb-basic__dlg{max-width:min(560px,92vw);padding:0;border:0;background:var(--c-surface,#fff);box-shadow:var(--sh-3,0 8px 24px rgba(15,23,42,.14))}
.devm_mb-basic__dlg::backdrop{background:rgba(15,23,42,.45)}
.devm_mb-basic__dlghead{padding:1.1rem 1.3rem;border-bottom:1px solid var(--c-line,#DEE1E4);font-size:1.05rem;letter-spacing:-.02em}
.devm_mb-basic__dlgbody{max-height:min(60vh,440px);padding:1.3rem;overflow-y:auto;color:var(--c-fg-2,#4A4F55);font-size:var(--fs-sm,.875rem);line-height:1.8;word-break:keep-all}
.devm_mb-basic__dlgfoot{display:flex;justify-content:flex-end;gap:.5rem;padding:0 1.3rem 1.3rem}

.devm_mb-basic--win{min-height:100vh;padding:0;background:var(--c-surface,#fff)}
.devm_mb-basic--win .devm_mb-basic__wrap{max-width:none;padding:0}
.devm_mb-basic__wintop{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem 1.4rem;border-bottom:1px solid var(--c-line,#DEE1E4)}
.devm_mb-basic__wintop h1{font-size:1.15rem;letter-spacing:-.03em}
.devm_mb-basic__wintop span{color:var(--c-fg-3,#6B7177);font-size:var(--fs-xs,.75rem)}
.devm_mb-basic__wincon{padding:1.4rem}
.devm_mb-basic__wincon h2{margin-bottom:.8rem;font-size:1rem;letter-spacing:-.02em}
.devm_mb-basic__wintxt{color:var(--c-fg-2,#4A4F55);font-size:var(--fs-sm,.875rem);line-height:1.85;word-break:keep-all}
.devm_mb-basic__wintxt img{max-width:100%;height:auto}
.devm_mb-basic__cert--center{justify-content:center;margin-top:.9rem}
.devm_mb-basic__winbtn{display:flex;justify-content:center;gap:.5rem;padding:0 1.4rem 1.4rem}
.devm_mb-basic__winbtn .devm_mb-basic__btn{min-width:110px}
.devm_mb-basic__tabs{display:flex;border-bottom:1px solid var(--c-line,#DEE1E4)}
.devm_mb-basic__tabs a{flex:1;padding:.9rem .5rem;border-bottom:2px solid transparent;color:var(--c-fg-3,#6B7177);font-size:var(--fs-sm,.875rem);font-weight:700;text-align:center}
.devm_mb-basic__tabs a.is-current{border-bottom-color:var(--c-accent,#3A4E6B);color:var(--c-accent-deep,#2B3B52)}

.devm_mb-basic__list{border-top:1px solid var(--c-line,#DEE1E4)}
.devm_mb-basic__item{display:flex;align-items:flex-start;gap:.85rem;padding:1rem .2rem;border-bottom:1px solid var(--c-line-soft,#EDEFF1)}
.devm_mb-basic__item.is-unread{background:var(--c-accent-soft,#ECEFF3)}
.devm_mb-basic__item img{width:40px;height:40px;flex:none;object-fit:cover}
.devm_mb-basic__itembody{min-width:0;flex:1}
.devm_mb-basic__itemmeta{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .7rem;color:var(--c-fg-3,#6B7177);font-size:var(--fs-xs,.75rem)}
.devm_mb-basic__itemmeta strong{color:var(--c-fg,#16181A);font-size:var(--fs-sm,.875rem)}
.devm_mb-basic__itemmeta em{color:var(--c-accent,#3A4E6B);font-style:normal;font-weight:700}
.devm_mb-basic__itemtxt{display:block;margin-top:.35rem;overflow:hidden;color:var(--c-fg-2,#4A4F55);font-size:var(--fs-sm,.875rem);text-overflow:ellipsis;white-space:nowrap}
.devm_mb-basic__itemdel{flex:none;padding:.3rem;color:var(--c-fg-3,#6B7177)}
.devm_mb-basic__itemdel:hover{color:var(--c-danger,#DC2626)}
.devm_mb-basic__amount{flex:none;font-size:var(--fs-sm,.875rem);font-weight:800}
.devm_mb-basic__amount--plus{color:var(--c-accent-deep,#2B3B52)}
.devm_mb-basic__amount--minus{color:var(--c-danger,#DC2626)}
.devm_mb-basic__sum{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.2rem;background:var(--c-surface-2,#F6F7F8);font-size:var(--fs-sm,.875rem);font-weight:700}
.devm_mb-basic__sum b{color:var(--c-accent-deep,#2B3B52);font-size:1.25rem}
.devm_mb-basic__empty{padding:3rem 1rem;color:var(--c-fg-3,#6B7177);font-size:var(--fs-sm,.875rem);text-align:center}
.devm_mb-basic__expired{color:var(--c-danger,#DC2626)}

.devm_mb-basic__paging{display:flex;align-items:center;justify-content:center;gap:.35rem;margin-top:1.5rem}
.devm_mb-basic__paging .pg{display:flex;align-items:center;justify-content:center;gap:.35rem}
.devm_mb-basic__paging .pg_page,.devm_mb-basic__paging .pg_current{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 .5rem;border:1px solid var(--c-line,#DEE1E4);color:var(--c-fg-2,#4A4F55);font-size:var(--fs-sm,.875rem);font-weight:700}
.devm_mb-basic__paging .pg_page:hover,.devm_mb-basic__paging .pg_current{border-color:var(--c-accent,#3A4E6B);background:var(--c-accent,#3A4E6B);color:var(--c-on-accent,#fff)}

.devm_mb-basic__prof{display:flex;align-items:center;gap:1rem;padding:1.4rem;border-bottom:1px solid var(--c-line,#DEE1E4)}
.devm_mb-basic__prof img{width:64px;height:64px;flex:none;object-fit:cover}
.devm_mb-basic__prof strong{font-size:1.15rem;letter-spacing:-.03em}
.devm_mb-basic__dl{display:grid;grid-template-columns:110px minmax(0,1fr);border-top:1px solid var(--c-line,#DEE1E4);font-size:var(--fs-sm,.875rem)}
.devm_mb-basic__dl dt{padding:.85rem 1rem;background:var(--c-surface-2,#F6F7F8);color:var(--c-fg,#16181A);font-weight:700}
.devm_mb-basic__dl dd{padding:.85rem 1rem;border-bottom:1px solid var(--c-line-soft,#EDEFF1);color:var(--c-fg-2,#4A4F55);word-break:break-all}
.devm_mb-basic__dl dt{border-bottom:1px solid var(--c-line-soft,#EDEFF1)}
.devm_mb-basic__memo{padding:1.4rem;color:var(--c-fg-2,#4A4F55);font-size:var(--fs-sm,.875rem);line-height:1.85;word-break:keep-all}
.devm_mb-basic__memo img{max-width:100%;height:auto}
.devm_mb-basic__nav{display:flex;justify-content:space-between;gap:.5rem;padding:0 1.4rem 1rem}

@media (max-width:767px){
	.devm_mb-basic{padding:3.5rem 0}
	.devm_mb-basic__card{padding:2rem 1.4rem}
	.devm_mb-basic__head h2{font-size:1.45rem}
	.devm_mb-basic__aside{display:block}
	.devm_mb-basic__aside a{display:block;margin-top:.6rem}
	.devm_mb-basic__frow{display:block}
	.devm_mb-basic__frow>label,.devm_mb-basic__rowlabel{display:block;padding:.8rem 1rem;background:var(--c-surface-2,#F6F7F8)}
	.devm_mb-basic__fld{padding:1rem}
	.devm_mb-basic__zip{flex-wrap:wrap}
	.devm_mb-basic__zip input[type="text"]{width:120px}
	.devm_mb-basic #captcha_img,.devm_mb-basic #captcha_key{width:calc(50% - .25rem)}
	.devm_mb-basic #captcha_mp3,.devm_mb-basic #captcha_reload{flex:1}
	.devm_mb-basic__done{padding:2.4rem 1.4rem}
	.devm_mb-basic__btns{flex-direction:column}
	.devm_mb-basic__dl{grid-template-columns:90px minmax(0,1fr)}
	.devm_mb-basic__info dl{grid-template-columns:76px minmax(0,1fr)}
}

.devm_mb-basic__paging .sound_only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.devm_mb-basic__paging .pg_page i{font-size:1.05rem;line-height:1}

@media (max-width:767px){
	.devm_mb-basic__paging,
	.devm_mb-basic__paging .pg{flex-wrap:wrap}
	.devm_mb-basic__tbl,
	.devm_mb-basic__tbl tbody,
	.devm_mb-basic__tbl tr,
	.devm_mb-basic__tbl td{display:block;width:100%}
	.devm_mb-basic__tbl{border-top:0}
	.devm_mb-basic__tbl thead{display:none}
	.devm_mb-basic__tbl tr{margin-bottom:.5rem;border:1px solid var(--c-line,#DEE1E4)}
	.devm_mb-basic__tbl tr:last-child{margin-bottom:0}
	.devm_mb-basic__tbl td{display:grid;grid-template-columns:64px minmax(0,1fr);gap:.7rem;padding:.6rem .7rem;border-bottom:0;border-top:1px solid var(--c-line-soft,#EDEFF1)}
	.devm_mb-basic__tbl tr td:first-child{border-top:0;background:var(--c-surface-2,#F6F7F8)}
	.devm_mb-basic__tbl td::before{content:attr(data-label);color:var(--c-fg,#16181A);font-weight:700}
}

.devm_mb-basic .dsns__list{flex-wrap:nowrap}
.devm_mb-basic .dsns__b{flex:0 1 52px;width:auto;min-width:0;height:auto;aspect-ratio:1/1}

.devm_mb-basic__file+.devm_mb-basic__file{margin-top:.5rem}
.devm_mb-basic__file input[type="file"]{width:100%;padding:.7rem .85rem;border:1px solid var(--c-line,#DEE1E4);background:var(--c-surface,#fff);font:inherit;font-size:var(--fs-sm,.875rem)}

/* 로그인 화면. 좁은 한 단을 본문 가운데에 두는 구성입니다. */
.devm_mb-login{
	display:flex;flex-direction:column;justify-content:center;
	min-height:100vh;padding:3rem 1.25rem;
}
.devm_mb-login__stage{width:100%;max-width:420px;margin:0 auto}
.devm_mb-login__stage--sub{
	margin-top:3rem;padding-top:3rem;border-top:1px solid var(--c-line,#DEE1E4);
}
.devm_mb-login__intro{text-align:center}
.devm_mb-login__eyebrow{margin:0 0 .85rem;color:var(--c-fg-3,#6B7177);font-size:var(--fs-xs,.8125rem);font-weight:800;letter-spacing:.22em}
.devm_mb-login__intro h2{margin:0;font-size:1.75rem;font-weight:800;letter-spacing:-.03em;line-height:1.25}
.devm_mb-login__desc{margin:.85rem 0 0;color:var(--c-fg-2,#5A6169);font-size:var(--fs-sm,.9375rem);line-height:1.7;word-break:keep-all}

.devm_mb-login__panel{margin-top:2.5rem;padding-top:2.25rem;border-top:2px solid var(--c-fg,#16181A)}
.devm_mb-login__f+.devm_mb-login__f{margin-top:1.5rem}
.devm_mb-login__f label{display:block;margin-bottom:.5rem;color:var(--c-fg-2,#5A6169);font-size:var(--fs-xs,.8125rem);font-weight:800;letter-spacing:.04em}
.devm_mb-login__f input{
	width:100%;height:44px;padding:0 0 .5rem;
	border:0;border-bottom:2px solid var(--c-line,#DEE1E4);border-radius:0;
	background:transparent;color:var(--c-fg,#16181A);font:inherit;font-size:1.0625rem;
	transition:border-color .25s var(--ez,ease);
}
.devm_mb-login__f input::placeholder{color:var(--c-fg-3,#6B7177);font-size:var(--fs-sm,.9375rem)}
.devm_mb-login__f input:focus{outline:0;border-bottom-color:var(--c-fg,#16181A);box-shadow:none}
.devm_mb-login__row{
	display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem;
	margin-top:1.5rem;font-size:var(--fs-sm,.9375rem);
}
.devm_mb-login__auto{display:inline-flex;align-items:center;gap:.5rem;color:var(--c-fg-2,#5A6169);cursor:pointer}
.devm_mb-login__auto input{width:17px;height:17px;accent-color:var(--c-fg,#16181A)}
.devm_mb-login__row a{color:var(--c-fg-3,#6B7177)}
.devm_mb-login__row a:hover{color:var(--c-fg,#16181A)}
.devm_mb-login__submit{
	display:flex;align-items:center;justify-content:space-between;gap:1rem;
	width:100%;min-height:56px;margin-top:1.75rem;padding:0 1.5rem;
	border:0;border-radius:0;background:var(--c-fg,#16181A);color:var(--c-bg,#fff);
	font:inherit;font-size:1rem;font-weight:800;text-align:left;cursor:pointer;
	transition:background-color .25s var(--ez,ease);
}
.devm_mb-login__submit i{font-size:1.15em;transition:transform .25s var(--ez,ease)}
.devm_mb-login__submit:hover{background:var(--c-accent,#3A4E6B);color:var(--c-bg,#fff)}
.devm_mb-login__submit:hover i{transform:translateX(4px)}

/* 회원가입 안내는 입력 서식 아래에 가운데로 둡니다. */
.devm_mb-login__join{
	display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem .9rem;
	margin-top:2.25rem;padding-top:1.5rem;border-top:1px solid var(--c-line,#DEE1E4);
	font-size:var(--fs-sm,.9375rem);
}
.devm_mb-login__join b{color:var(--c-fg-2,#5A6169);font-weight:500}
.devm_mb-login__join a{display:inline-flex;align-items:center;gap:.4rem;color:var(--c-fg,#16181A);font-weight:800;transition:gap .25s var(--ez,ease)}
.devm_mb-login__join a:hover{gap:.75rem;color:var(--c-accent,#3A4E6B)}

.devm_mb-login__terms{
	max-height:180px;overflow-y:auto;margin-bottom:1.25rem;padding:1rem 1.15rem;
	border:1px solid var(--c-line,#DEE1E4);
	color:var(--c-fg-2,#5A6169);font-size:var(--fs-sm,.9375rem);line-height:1.7;
}

@media (max-width:520px){
	.devm_mb-login{padding:2.5rem 1.25rem}
	.devm_mb-login__stage{max-width:none}
	.devm_mb-login__stage--sub{margin-top:2.5rem;padding-top:2.5rem}
	.devm_mb-login__intro h2{font-size:1.5rem}
}
