@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&display=swap');

/* adm 공통 */
.account_hidden{display:none;}

/* adm login */
body:has(#mb_login){ background: #fff;}
body:has(#mb_login) input{color: #222;}

.tbl_frm01{margin:0 0 20rem;}
.tbl_frm01 table{width:100%; border-collapse:collapse; border-spacing:0;}
.tbl_frm01 th{width:70rem; padding:7rem 13rem; background:#f5f8f9; border:1px solid #e9e9e9; border-left:0; text-align:left;}
.tbl_frm01 td{padding:7rem 10rem; background:transparent; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;}
.wr_content textarea,
.tbl_frm01 textarea,
.form_01 textarea,
.frm_input{padding: 10rem; background:#fff; border:1px solid #ccc; color:#000; font-family:var(--lang-ko); vertical-align:middle;}
.tbl_frm01 textarea{padding:2rem 2rem 3rem;}
.tbl_frm01 textarea {width:100%;height:100rem}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5rem}
.tbl_frm01 .frm_info {display:block;padding:0 0 5rem;line-height:1.4em}

.mbskin:before, .mbskin:after{box-shadow: none;}

.mbskin{margin: 0 auto 0;border:none;display: flex;height: 100vh;flex-direction: column;justify-content: center;align-items: center;}
#mb_login #login_info{background:none;}
#mb_login #login_info a{font-size:14rem;}
input#login_auto_login + label{margin-left:6rem; font-weight:600; font-size:14rem;}
#login_fs{padding:0rem;}

.mbskin .btn_submit{font-size: 17rem;padding: 20rem 0rem;height: auto !important;color: #fff;background: var(--b-01);}
.mbskin h1{font-size:30rem;}

/* 회원 비밀번호 재확인 */
#mb_confirm{width:350rem; max-width:calc(100% - 40rem); margin:0 auto; min-height:var(--height-full); display:flex; flex-direction:column; align-items:center; justify-content:center; padding:120rem 20rem; box-sizing:border-box;}
#mb_confirm h1{margin:0 0 22rem; text-align:center;}
#mb_confirm p{width:440rem; max-width:90%; margin:0 auto; padding:0 0 26rem; text-align:center; border-bottom:1px solid #ececec; color:#888; font-size:15rem; line-height:1.6;}
#mb_confirm p strong{display:block; margin:0 0 8rem; color:var(--c-primary); font-size:19rem;}
#mb_confirm form{width:440rem; max-width:90%;}
#mb_confirm fieldset{padding:30rem 0 0; text-align:center;}
#mb_confirm .confirm_id{display:block; font-size:13rem; color:#999;}
#mb_confirm #mb_confirm_id{display:block; margin:4rem 0 18rem; color:var(--c-primary); font-size:18rem; font-weight:700;}
#mb_confirm .frm_input{width:100%; height:52rem; padding:0 16rem; border:1px solid #dcdcdc; border-radius:6rem; box-sizing:border-box; font-size:15rem;}
#mb_confirm .frm_input:focus{border-color:var(--c-primary);}
#mb_confirm .btn_submit{width:100%; margin-top:12rem; border-radius:6rem;}
#mb_confirm .btn_cancel{display:inline-block; margin-top:16rem; padding:0; background:none; border:0; font-family:var(--lang-ko); font-weight:400; font-size:var(--font-14); color:var(--b-default); text-decoration:underline; text-underline-offset:3rem; cursor:pointer;}
#mb_confirm .btn_cancel:hover{color:var(--b-title);}

/**************************************************/
/******************* NEED CHECK *******************/
/**************************************************/

/* need check */
.list_01 li{border:1px solid #dbdbdb;background:#fff;border-radius:3rem;margin:3rem 0;padding:10rem 15rem;list-style:none;position:relative;}
.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.list_01 li:hover{background:#f9f9f9}
.list_01 li.empty_li{text-align:center;padding:20rem 0;color:#666}

/* need check */
.form_01 h2{margin: 0 0 24rem;font-size: 20rem;/* border-top: 2rem solid #333; *//* text-align: center; */padding: 14rem 0rem;font-weight: bolder;/* border-bottom: 1px dashed #b1b1b1; */color: var(--b-01);display: none;}
.form_01 li{margin: 20rem 0;}
.form_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.form_01 li .right_input{float:right}
.form_01 textarea{height:100rem;width:100%}
.form_01 .frm_label{display:inline-block;width:130rem}

/* need check */
.required, textarea.required {/* background-image:url('../img/require.png')  !important; *//* background-repeat:no-repeat   !important; *//* background-position:right top  !important; */}

/* .sch_word {color:#00c4ac} */

/* validation */
#validation_check {margin:100rem auto;width:500rem}
#validation_check h1 {margin-bottom:20rem;font-size:1.3em}
#validation_check p {margin-bottom:20rem;padding:30rem 20rem;border:1px solid #e9e9e9;background:#fff}

.sv_wrap{position:relative; font-weight:normal;}
.sv_wrap .sv{display:none; z-index:1000; margin:5rem 0 0; background:#333; box-shadow:2rem 2rem 3rem 0rem rgba(0,0,0,0.2); -webkit-box-shadow:2rem 2rem 3rem 0rem rgba(0,0,0,0.2); -moz-box-shadow:2rem 2rem 3rem 0rem rgba(0,0,0,0.2); font-size:0.92em;}
.sv_wrap .sv:before{content:""; position:absolute; top:-6rem; left:15rem; width:0; height:0; border-style:solid; border-width:0 6rem 6rem 6rem; border-color:transparent transparent #333 transparent;}
.sv_wrap .sv a{display:inline-block; width:100rem; line-height:30rem; margin:0; padding:0  10rem; font-weight:normal; color:#bbb;}
.sv_wrap .sv a:hover{background:#000; color:#fff;}
.sv_member{color:#333;}
.sv_on{display:block !important; position:absolute; top:23rem; left:0rem; width:auto; height:auto;}
.sv_nojs .sv{display:block;}

.cheditor-popup-window *,
.cheditor-popup-window :after,
.cheditor-popup-window :before{box-sizing:content-box; -webkit-box-sizing:content-box; -moz-box-sizing:content-box;}

#device_change{display:block; margin:0.3em; padding:0.5em 0; background:#fff; border:1px solid #eee; font-size:2em; color:#000; text-align:center; border-radius:2em; text-decoration:none;}

.lang_code{height:34rem; border:none;}

/* adm join */
#scont_wrap2 #scont{padding-top:140rem !important;}

/* custom */
.mbskin{background:transparent;}
.mbskin *{color: #222;}

.mb_log_cate h2{margin-bottom: 45rem;font-size: 29rem;}

@media (max-width:768px){
	.tbl_head01 thead th{height: 40rem;font-size: 13rem;padding: 0;font-weight: 700;}
}

/* **************************************** *
 * 로그인 (Brand Academy hero)
 * **************************************** */
.mb-login{width:auto; margin:0; border:0; display:block; height:auto;}
.mb-login{position:relative; height:var(--height-full); overflow:hidden;}
.mb-login__bg{position:absolute; inset:0;}
.mb-login__bg img{display:block; width:100%; height:100%; object-fit:cover;}
.mb-login__bg::after{content:""; position:absolute; inset:0; background-image:linear-gradient(-47.19deg, var(--op-b20) 15.431%, rgba(102,102,102,.2) 65.525%); background-color:rgba(0,6,15,.5);}

.mb-login__panel{position: relative;height:100%;padding: 132rem 0 95rem 192rem;}
.register #logo{display:none;}
.mb-login .mb_log_cate{display:flex; align-items:center; gap:14rem; position:absolute; top:50rem; left:192rem; z-index:3;}
.mb-login #logo a{width:86rem; height:24rem;}
.mb-login__home{display:inline-flex; align-items:center; height:34rem; padding:0 16rem; border:1px solid var(--op-w40); border-radius:100rem; font-family:var(--lang-ko); font-weight:400; font-size:var(--font-13); color:var(--w); white-space:nowrap; transition:background 0.3s ease;}
@media (hover: hover) and (pointer: fine){
	.mb-login__home:hover{background:var(--op-w10);}
}
.mb-login__panel::before{content: ""; position: absolute; width: 930rem; height: 100%; left: 0; top: 0; background:var(--op-b50); backdrop-filter:blur(4.5rem);}

/* === 로그인 좌측 콘텐츠 === */
.mb-login__content{position:relative; gap: 116rem; justify-content: space-between; display:flex;flex-direction:column;align-items:flex-start;/* padding:132rem 0 0 192rem; */width: 100%;height: 100%;}

.mb-loglin--title--wrap{margin-top:90rem;}
.mb-login__eyebrow{font-family:var(--lang-ui); text-align: left; font-weight:500; font-size:11rem; letter-spacing:0.28em; color:var(--c-gold); text-transform:uppercase; white-space:nowrap;}

.mb-login__heading{margin-top:27rem; width:335rem; display:flex; flex-direction:column; align-items:flex-start; gap:8rem;}
.mb-login__heading [data-heading-en="2xl"]{color:var(--w); white-space:nowrap;}
.mb-login__desc{color:var(--op-w50);}

.mb-login__form{ width:600rem;}
#mb_login #login_fs{width:100%; padding:0; display:flex; flex-direction:column; align-items:flex-start; gap:58rem;}
.mb-login__group{display:flex; flex-direction:column; align-items:flex-start; gap:33rem; width:100%;}
.mb-login__fields{display:flex; flex-direction:column; align-items:flex-start; gap:14rem; width:100%;}
.mb-login__field{display:flex; align-items:center; width:100%; height:60rem; border-bottom:1px solid var(--op-w30); padding:10rem 2rem; box-sizing:border-box; transition:border-color 0.4s ease;}
.mb-login__field:focus-within{border-bottom-color:var(--w);}
#mb_login #login_fs .mb-login__field .frm_input{width:100%; height:20rem; margin:0; padding:0; background:transparent; border:0; font-family:var(--lang-ui); font-weight:500; font-size:14rem; color:var(--w);}
.mb-login__field .frm_input::placeholder{color:var(--op-w70); font-family:var(--lang-ui); font-weight:500;}
#mb_login #login_fs .mb-login__field .frm_input:focus{outline:none; border:0; box-shadow:none; background:transparent;}
#mb_login #login_fs .mb-login__field .frm_input:-webkit-autofill{-webkit-text-fill-color:var(--w); caret-color:var(--w); transition:background-color 600000s 0s;}

.mb-login__row{display:flex; align-items:center; justify-content:space-between; width:100%;}
.mb-login__remember{display:flex; align-items:center; gap:11rem;}
.mb-login__remember input[type="checkbox"]{appearance:none; flex:0 0 auto; margin:0; width:21rem; height:21rem; min-height:0; border:1px solid var(--op-w40); background:transparent; cursor:pointer;}
.mb-login__remember input[type="checkbox"]:checked{background-image:url(../img/member/ic-check_w.svg); background-repeat:no-repeat; background-position:center; background-size:11rem;}
#mb_login .mb-login__remember input[type="checkbox"] + label{padding:0 !important;}
#mb_login input#login_auto_login + label{margin-left:0; font-weight:300; color: var(--op-w40) !important}
.mb-login__remember label{font-family:var(--lang-ui); font-weight:500; font-size:14rem; line-height:1; color:var(--op-w40); cursor:pointer;}
.login_if_lpl a{font-family:var(--lang-ko); font-weight:400; font-size:14rem; color:#666;}

#mb_login #login_fs .mb-login__submit{position:static; display:flex; align-items:center; justify-content:center; width:190rem; height:56rem !important; margin:0; padding:0; background:var(--c-gold); border:0; border-radius:2rem; font-family:var(--lang-ko); font-weight:500; font-size:14rem; color:var(--w);}

.mb-login__join{margin-top:112rem; display:flex; align-items:center; gap:8rem; font-family:var(--lang-ko); font-weight:400; font-size:14rem; white-space:nowrap;}
.mb-login__join span{color:var(--op-w50);}
.mb-login__join a{color:var(--w); text-decoration:underline;}
.mb-login__join > *{font-weight: 300;}
.mb-login__process{position:absolute;right: 60rem;bottom:-20rem;width:260rem;}
.mb-login__process-label{ text-align: left; font-family:var(--lang-ui); font-weight:500; font-size:12rem; letter-spacing:0.11em; color:var(--c-gold); text-transform:uppercase;}
.mb-login__steps{display:flex; flex-direction:column; align-items:flex-start; margin-top:24rem;}
.mb-login__steps li{display:flex; align-items:flex-start; gap:20rem;}
.mb-login__steps li:not(:first-child){margin-top:34rem; padding-top:34rem; border-top:1px solid var(--op-w10);}
.mb-login__step-num{flex:0 0 40rem; width:40rem; font-family:var(--lang-en); font-weight:300; font-size:var(--font-35); line-height:0.971; color:var(--op-w20);}
.mb-login__step-body{display:flex; flex-direction:column; align-items:flex-start; gap:4rem;}
.mb-login__step-body strong{font-family:var(--lang-ko); font-weight:400; font-size:var(--font-16); line-height:1.5625; letter-spacing:-0.01em; color:var(--w);}
.mb-login__step-body em{font-style:normal; font-family:var(--lang-ko); font-weight:400; font-size:14rem; line-height:1.428; color:var(--b-desc);}

@media (hover: hover) and (pointer: fine){
	#mb_login #login_fs .mb-login__submit:hover{opacity:0.9;}
	.mb-login__join a:hover{opacity:0.7;}
}

@media (max-width:1480px){
	#mb_login #login_fs{gap:54rem;}
	.mb-login__group{gap:30rem;}
	.mb-login__field{height:56rem;}
	.mb-login__steps li{gap:19rem;}
	.mb-login__steps li:not(:first-child){margin-top:32rem; padding-top:32rem;}

	.mb-login__form{width: 520rem;}
	.mb-login__panel{padding: 110rem 0 95rem 140rem;}
	.mb-login__panel::before{width: 820rem;}
	.mb-login .mb_log_cate{left:140rem;}
}

@media (max-width:1200px){
	#mb_login #login_fs{gap:48rem;}
	.mb-login__group{gap:28rem;}
	.mb-login__field{height:52rem;}
	.mb-login__remember input[type="checkbox"]{width:20rem; height:20rem;}
	.mb-login__steps li{gap:18rem;}
	.mb-login__steps li:not(:first-child){margin-top:30rem; padding-top:30rem;}

	.mb-login__panel{padding: 110rem 0 95rem 100rem;}
	.mb-login__form{width: 450rem;}
	.mb-login__panel::before{width: 720rem;}
	.mb-login .mb_log_cate{left:100rem;}
}

@media (max-width:1023px){
	.mb-login{height:auto; min-height:var(--height-full);}
	.mb-login__panel{position:relative; padding:60rem}
	.mb-login .mb_log_cate{top:40rem; left:60rem; gap:12rem;}
	.mb-login__home{height:32rem; padding:0 14rem;}
	
	.mb-login__heading{margin-top:24rem; width:auto;}
	.mb-login__form{margin-top:60rem; width:auto;}
	#mb_login #login_fs{gap:42rem;}
	.mb-login__group{gap:26rem;}
	.mb-login__fields{gap:12rem;}
	.mb-login__field{height:48rem;}
	.mb-login__remember input[type="checkbox"]{width:19rem; height:19rem;}
	.mb-login__join{margin-top:40rem;}
	.mb-login__process{position: relative; right: 0; bottom: 0; width: 100%; margin-top: 54rem;}
	.mb-login__steps{flex-direction: row;align-items: center;justify-content: space-between;}
	.mb-login__panel{height: 100vh;}
	.mb-login__panel::before{width: 100%; background:var(--op-b40);}
	.mb-login__process-label{display: none;}
	.mb-login__steps li{gap:16rem;}
	.mb-login__steps li:not(:first-child){margin-top:0rem; padding-top:0rem; border-top: 0;}
	.mb-login__content{justify-content: flex-start; gap: 0;}
	.mb-login__form--wrap{width: 100%;}
	.mb-login__form{width: 50%; margin-top: 150rem;}
}

@media (max-width:860px){
	#mb_login #login_fs{gap:36rem;}
	.mb-login__group{gap:22rem;}
	.mb-login__field{height:44rem;}
	.mb-login__remember input[type="checkbox"]{width:18rem; height:18rem;}
	.mb-login__form{width: 100%;}
}

@media (max-width:540px){
	.mb-login__content{padding:80rem 20rem 0;}
	.mb-login__eyebrow{white-space:normal;}
	.mb-login__heading{margin-top:20rem;}
	.mb-login__form{margin-top:40rem;}
	#mb_login #login_fs{gap:30rem;}
	.mb-login__group{gap:18rem;}
	.mb-login__fields{gap:10rem;}
	.mb-login__field{height:40rem;}
	.mb-login__remember input[type="checkbox"]{width:18rem; height:18rem;}
	.mb-login__row{flex-direction:column; align-items:flex-start; gap:16rem;}
	.mb-login__join{margin-top:30rem;}
	.mb-login__steps{margin-top: 0;}
	.mb-login__steps li{gap:14rem;}
	.mb-login__steps li:not(:first-child){margin-top:22rem; padding-top:22rem;}
	.mb-login__process{display: none;}
	#btn-back{position:fixed; bottom:40rem;}
	#pw_confirm h1{font-size:23rem;}
	#pw_confirm p strong{margin:0 0 6rem; font-size:16rem;}

	.mb-login__panel{padding: 45rem 20rem;}
	.mb-login .mb_log_cate{top:28rem; left:20rem;}
	.mb-login #logo a{width:76rem; height:21rem;}
	.mb-login__home{height:30rem; padding:0 12rem;}
	.mb-login__content{padding: 0; justify-content: space-between;}
	#mb_login #login_fs .mb-login__submit{width: 100%;}
}

/* 회원가입 체크박스 */
input[type="checkbox"].register-check{display:none;}
input[type="checkbox"].register-check + label{position:relative; display:block; padding-left:30rem;}
input[type="checkbox"].register-check + label::before{content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:20rem; height:20rem; box-sizing:border-box; border:1px solid var(--op-b10);}
input[type="checkbox"].register-check + label::after{content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:20rem; height:20rem; background-color:var(--b-title); -webkit-mask:url(../img/member/ic-check.svg) no-repeat center/11rem; mask:url(../img/member/ic-check.svg) no-repeat center/11rem; opacity:0; transition:opacity .2s ease;}
input[type="checkbox"].register-check:checked + label::after{opacity:1;}

/* 로그인 */
body:has(#mb_login) :is(#header,#footer){display:none;}
.register #logo{display:none;}
.tooltip{display:none; position:absolute; top:0; left:19rem; width:auto; padding:4rem 7rem; background:#303341; font-size:12rem; color:#fff; white-space:nowrap; border-radius:4rem;}
.tooltip_icon{position:relative; margin-left:2rem;}
.tooltip_icon::after{content:"?"; display:flex; justify-content:center; align-items:center; width:18rem; height:18rem; margin-left:-3rem; background:var(--op-b20); font-size:13rem; color:#fff; border-radius:12rem; align-content:center;}
.tooltip-wrap{display:inline-flex; align-items:center; position:relative; margin-bottom:0 !important;}
.register{margin:0 auto; margin-top:80rem; margin-bottom:80rem; max-width:390rem;}
#fregister p{padding:12rem 17rem; background:#f3f3f3; border:1px solid #FFF; font-size:14rem; color:#3d3d3d; text-align:left; border-radius:6rem;}
#fregister h2{background:none; font-weight:600; font-size:15rem; color:var(--b-01);}
#fregister_private table :is(td,th){padding:9rem 8rem; font-size:13rem;}
#fregister #fregister_chkall{position:relative; top:0; right:0; margin-top:18rem; margin-bottom:19rem; padding:0; padding:18rem 20rem; border:1px solid #414141; box-shadow:1rem 5rem 6rem 1rem rgba(0, 0, 0, .06); font-size:15rem; text-align:left; border-radius:5rem;}
#fregister section{margin:10rem auto 10rem; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; border-radius:3rem 3rem 0 0;}
#fregister #fregister_chkall label{font-weight:600; color:var(--b-01);}
#fregister textarea{font-size:14rem; resize:none;}
#fregister .btn_confirm .btn_submit{width:100%; height:auto !important; padding:21rem 0rem; font-size:16rem; border-radius:5rem;}
#fregister_private{margin-bottom:0 !important;}
#fregister .fregister_agree{top:24rem; right:5rem; padding:0;}

/* **************************************** *
 * 회원가입 (Register Now)
 * **************************************** */
.register.mb-register{margin:0; max-width:none;}
.mb-register{padding:200rem 0 160rem;}
.mb-register__head{display:flex; flex-direction:column; align-items:center; text-align:center;}
.mb-register__head [data-heading-en="3xl"]{color:var(--b-title);}
.mb-register__intro{display:flex; flex-direction:column; align-items:center; gap:7rem; max-width:100%; margin:64rem auto 0;}
.mb-register__intro-ko{color:var(--b-title); letter-spacing:-0.01em;}
.mb-register__intro-en{color:var(--op-b50); text-align:center;}

.mb-register__col{width:860rem; max-width:calc(100% - 80rem); margin:61rem auto 0;}
#register_form.form_01{display:flex; flex-direction:column; align-items:stretch; gap:80rem;}
#register_form .tbl_frm01{display:none;}

.mb-register__section-head{display:flex; align-items:center; justify-content:space-between; gap:20rem;}
.mb-register__section-head h3{font-family:var(--caption); font-weight:700; font-size:16rem; line-height:1.125; color:var(--b-title);}
.mb-register__section-sub{color:var(--b-default);}
.mb-register__required-note{display:flex; align-items:flex-end; gap:2rem;}
.mb-register__required-note span{color:var(--b-default);}
.mb-register__required-note i{font-style:normal; font-weight:700; font-size:18rem; color:var(--c-gold);}

.mb-register__rows{display:flex; flex-direction:column; align-items:stretch; margin-top:12rem; border-top:1px solid var(--b-title);}
.mb-register__rows > li{margin:0;}
.mb-register__row{display:flex; align-items:flex-start; padding:14rem 0; border-bottom:1px solid var(--op-b10);}
.mb-register__label{display:flex; align-items:center; gap:5rem; flex:0 0 200rem; width:200rem; min-width:140rem; box-sizing:border-box; padding-left:10rem; padding-top:15rem; font-family:var(--lang-ko); font-weight:500; font-size:16rem; color:var(--b-title);}
.mb-register__req{font-style:normal; font-weight:700; font-size:21rem; color:var(--c-gold);}
.mb-register__control{flex:1 0 0; min-width:0; display:flex; flex-direction:column; align-items:stretch; gap:8rem;}
.mb-register__control span:empty{display:none;}
.mb-register__control .full_input{width:478rem; max-width:100%; height:60rem; padding:0 16rem; background:var(--bg-surface); border:0; border-radius:0; font-size:15rem;}
.mb-register__zip-row{display:flex; align-items:center; gap:6rem;}
.mb-register__zip-row .full_input{width:540rem;}
.mb-register__zip-row .btn_frmline{width:100rem; height:40rem; padding:0; background:var(--b-title); color:var(--w); font-weight:700; font-size:15rem; border-radius:50rem;}
.mb-register__control .frm_address{width:100%;}

.mb-register__terms-box{margin-top:12rem; padding:30rem 0; border-top:1px solid var(--b-title); border-bottom:1px solid var(--op-b10);}
.mb-register__terms-list{display:flex; flex-direction:column; gap:24rem; max-height:204rem; overflow-y:auto; padding-right:20rem;}
.mb-register__terms-list::-webkit-scrollbar{width:5rem;}
.mb-register__terms-list::-webkit-scrollbar-thumb{background:var(--op-b20); border-radius:5rem;}
.mb-register__terms-list::-webkit-scrollbar-track{background:var(--op-b05);}
.mb-register__terms .mb-register__agree{margin-top:16rem;}
.mb-register__terms-item{display:flex; flex-direction:column; gap:5rem;}
.mb-register__terms-item strong{font-family:var(--lang-ko); font-weight:500; font-size:16rem; color:var(--b-title); letter-spacing:-0.01em;}
.mb-register__terms-item p,
.mb-register__terms-item li{font-family:var(--lang-ko); font-size:14rem; line-height:1.714; color:var(--b-body);}
.mb-register__terms-item ol{margin-top:5rem; padding-left:21rem;}

.mb-register__privacy-body{margin-top:12rem;}
.mb-register__privacy-lead{padding-top:18rem; border-top:1px solid var(--b-title);}
.mb-register__privacy-items{display:flex; flex-direction:column; margin-top:32rem;}
.mb-register__privacy-item{margin-top:18rem; padding-bottom:18rem; border-bottom:1px solid var(--op-b10);}
.mb-register__privacy-item:first-child{margin-top:0;}
.mb-register__privacy-item h3{font-family:var(--lang-ko); font-weight:500; font-size:16rem; color:var(--b-title); letter-spacing:-0.01em;}
.mb-register__privacy-item p{margin-top:6rem; line-height:1.714; color:var(--b-body);}

.mb-register__agree{display:flex; align-items:center; gap:10rem;}
.mb-register__privacy-foot{display:flex; align-items:flex-start; justify-content:space-between; gap:20rem; margin-top:16rem;}
.mb-register__privacy-foot .captcha-wrap{padding:0; background:none; border-radius:0;}
.pw-msg{display:block; font-size:13rem; line-height:1.4;}
.pw-msg.ok{color:#2e9e5b;}
.pw-msg.no{color:#e03e3e;}

.mb-register__submit-wrap{display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:8rem; margin-top:0;}
.mb-register__submit-wrap :is(.btn_submit, .btn_close){position:static; width:190rem; height:56rem !important; margin:0; padding:0; display:flex; align-items:center; justify-content:center; border-radius:2rem; font-family:var(--lang-ko); font-weight:500; font-size:14rem; text-decoration:none; opacity:1;}
.mb-register__submit-wrap .btn_submit{background:var(--c-gold); color:var(--w);}
.mb-register__submit-wrap .btn_close{background:var(--bg-surface); color:var(--b-title);}
.mb-register__submit-wrap .btn_leave{flex-basis:100%; height:auto; margin-top:8rem; padding:0; background:none; font-family:var(--lang-ko); font-weight:400; font-size:var(--font-14); color:var(--b-default); text-align:center; text-decoration:underline; text-underline-offset:3rem;}
:is(#fregister,.register) .btn_confirm .btn_leave:hover{color:var(--b-title);}

@media (hover: hover) and (pointer: fine){
	.mb-register__submit-wrap .btn_submit:hover{opacity:0.9;}
	.mb-register__submit-wrap .btn_close:hover{background:var(--op-b10); color:var(--b-title);}
	.mb-register__zip-row .btn_frmline:hover{opacity:0.85;}
}

/* **************************************** *
 * 가입완료 (Almost There)
 * **************************************** */
.register.mb-result{margin:0; max-width:none;}
.mb-result{min-height:var(--height-full); display:flex; flex-direction:column; align-items:center; justify-content:center; padding:200rem 0 140rem; text-align:center;}
.mb-result__head{display:flex; flex-direction:column; align-items:center; gap:21rem; width:518rem; max-width:calc(100% - 40rem); margin:0 auto;}
.mb-result__head [data-heading-en="3xl"]{color:var(--b-title);}
.mb-result .reg_result_p{font-family:var(--lang-ko); font-size:var(--font-16); line-height:1.5625; color:var(--b-title); letter-spacing:-0.01em;}
.mb-result__note{margin-top:40rem; font-family:var(--lang-ko); font-size:var(--font-14); line-height:1.428; color:var(--b-default);}
.mb-result__note p{font-weight:300;}
.mb-result__note p + p{margin-top:20rem;}

.mb-result__steps{display:flex; align-items:flex-start; justify-content:center; gap:60rem; margin-top:70rem;}
.mb-result__step{position:relative; display:flex; flex-direction:column; align-items:center; gap:20rem; width:200rem;}
.mb-result__step:not(:last-child)::after{content:""; position:absolute; top:24rem; left:124rem; width:212rem; height:0; border-top:1px dashed var(--op-b20);}
.mb-result__step img{display:block; width:48rem; height:48rem;}
.mb-result__step-label{display:flex; flex-direction:column; align-items:center; gap:3rem;}
.mb-result__step-label strong{font-family:var(--lang-ui); font-weight:500; font-size:var(--font-14); color:var(--c-gold);}
.mb-result__step-label span{font-family:var(--lang-ko); font-size:var(--font-16); line-height:1.5625; color:var(--b-title); letter-spacing:-0.01em;}
.mb-result__step--todo .mb-result__step-label strong,
.mb-result__step--todo .mb-result__step-label span{color:var(--b-default);}

.mb-result__btn{display:flex; align-items:center; justify-content:center; width:190rem; height:56rem !important; margin:70rem auto 0; background:var(--b-title); border-radius:2rem; font-family:var(--lang-ko); font-weight:500; font-size:var(--font-14); color:var(--w);}

@media (hover: hover) and (pointer: fine){
	.mb-result__btn:hover{opacity:0.85;}
}

@media (max-width:1480px){
	.mb-register__control .full_input{height:56rem;}
	.mb-register__zip-row .btn_frmline{width:96rem; height:38rem;}
	.mb-register__terms-box{padding:26rem 0;}
	.mb-register__privacy-items{margin-top:28rem;}
	.mb-register__submit-wrap .btn_submit,
	.mb-result__btn{height:54rem !important;}
	input[type="checkbox"].register-check + label::before,
	input[type="checkbox"].register-check + label::after{width:19rem; height:19rem;}
	input[type="checkbox"].register-check + label::after{mask-size:10rem; -webkit-mask-size:10rem;}

	.mb-result{padding:180rem 0 120rem;}
	.mb-result__steps{margin-top:88rem;}
}

@media (max-width:1200px){
	.mb-register__col{margin-top:52rem;}
	.mb-register__control .full_input{height:52rem;}
	.mb-register__zip-row .btn_frmline{width:92rem; height:36rem;}
	.mb-register__terms-box{padding:24rem 0;}
	.mb-register__privacy-items{margin-top:26rem;}
	.mb-register__submit-wrap .btn_submit,
	.mb-result__btn{height:52rem !important;}
	input[type="checkbox"].register-check + label::before,
	input[type="checkbox"].register-check + label::after{width:18rem; height:18rem;}
	input[type="checkbox"].register-check + label::after{mask-size:10rem; -webkit-mask-size:10rem;}

	.mb-result{padding:170rem 0 110rem;}
	.mb-result__steps{margin-top:76rem;}
	.mb-result__btn{margin-top:60rem;}
}

@media (max-width:1023px){
	.mb-register{padding:150rem 0 120rem;}
	.mb-register__col{margin-top:44rem;}
	#register_form.form_01{gap:60rem;}
	.mb-register__row{flex-direction:column; align-items:stretch; gap:8rem; padding:16rem 0;}
	.mb-register__label{flex:none; width:100%; padding-top:0; padding-left:0;}
	.mb-register__control .full_input{width:100%; height:48rem;}
	.mb-register__zip-row .full_input{width:auto; flex:1 0 0;}
	.mb-register__zip-row .btn_frmline{width:88rem; height:34rem;}
	.mb-register__privacy-foot{flex-direction:column; align-items:stretch;}
	.mb-register__terms-box{padding:22rem 0;}
	.mb-register__privacy-items{margin-top:24rem;}
	.mb-register__submit-wrap .btn_submit,
	.mb-result__btn{height:50rem !important;}
	input[type="checkbox"].register-check + label::before,
	input[type="checkbox"].register-check + label::after{width:18rem; height:18rem;}
	input[type="checkbox"].register-check + label::after{mask-size:9rem; -webkit-mask-size:9rem;}

	.mb-result{padding:160rem 0 100rem;}
	.mb-result__steps{gap:30rem; margin-top:64rem;}
	.mb-result__step{width:160rem;}
	.mb-result__step:not(:last-child)::after{left:104rem; width:142rem;}
	.mb-result__btn{margin-top:52rem;}
}

@media (max-width:860px){
	.mb-register__col{margin-top:38rem;}
	#register_form.form_01{gap:54rem;}
	.mb-register__control .full_input{height:44rem;}
	.mb-register__zip-row .btn_frmline{width:84rem; height:32rem;}
	.mb-register__terms-box{padding:20rem 0;}
	.mb-register__privacy-items{margin-top:22rem;}
	.mb-register__submit-wrap :is(.btn_submit, .btn_close),
	.mb-result__btn{height:48rem !important;}
	input[type="checkbox"].register-check + label::before,
	input[type="checkbox"].register-check + label::after{width:17rem; height:17rem;}
	input[type="checkbox"].register-check + label::after{mask-size:9rem; -webkit-mask-size:9rem;}

	.mb-result{padding:150rem 0 90rem;}
	.mb-result__steps{margin-top:56rem;}
}

@media (max-width:540px){
	.mb-register__row{gap: 0;}
	.mb-register{padding:120rem 0 80rem;}
	.mb-register__col{max-width:calc(100% - 40rem); margin-top:32rem;}
	#register_form.form_01{gap:50rem;}
	.mb-register__section-head{flex-direction:column; align-items:flex-start; gap:6rem;}
	.mb-register__terms-list{max-height:none; overflow-y:visible; padding-right:0;}
	/* .mb-register__control .full_input{height:40rem;} */
	.mb-register__zip-row .btn_frmline{width:80rem; height:30rem;}
	.mb-register__terms-box{padding:18rem 0;}
	.mb-register__privacy-items{margin-top:20rem;}
	.mb-register__submit-wrap .btn_submit{width:50%; height:44rem !important;}
	.mb-result__btn{height:44rem !important;}
	input[type="checkbox"].register-check + label{padding-left: 24rem;}
	input[type="checkbox"].register-check + label::before,
	input[type="checkbox"].register-check + label::after{width:16rem; height:16rem;}
	input[type="checkbox"].register-check + label::after{mask-size:8rem; -webkit-mask-size:8rem;}

	.mb-result{padding:140rem 0 90rem;}
	.mb-result__steps{gap:8rem; margin-top:48rem;}
	.mb-result__step{width:100rem; gap:14rem;}
	.mb-result__step img{width:40rem; height:40rem;}
	.mb-result__step:not(:last-child)::after{top:20rem; left:70rem; width:68rem;}
	.mb-result__step-label strong{font-size:var(--font-13);}
	.mb-result__step-label span{font-size:var(--font-13);}
	.mb-result__btn{margin-top:44rem;}
	#fregisterform .btn_confirm .btn_submit,
	.mb-register__submit-wrap .btn_close{font-size: 14rem;}
	.mb-register__submit-wrap .btn_close{height: 44rem !important;}
}

.register_form_inner li{position:relative;}

/* 아이디 비밀번호 찾기 */
#find_info #win_title{display:none; height:auto; line-height:normal; padding:0; background:none; font-weight:800; color:#111;}
.captcha-wrap{padding:14rem 18rem 45rem; background:#f3f3f3; font-size:14rem; color:#3d3d3d; border-radius:5rem;}
#find_info .new_win_con{margin:0 0rem;}
#find_info .new_win_con .captcha-wrap{margin:30rem 0rem 18rem;}
#find_info p{line-height:1.5em; margin-top:13rem; font-size:15rem;}

@media (max-width: 540px){
	.register{margin-top:60rem; margin-right:20rem; margin-bottom:20rem; margin-left:20rem;}
	.register .chk_box input[type="checkbox"] + label{padding-left:25rem !important; font-weight:400; font-size:14rem; letter-spacing:-0.5rem;}
	.tbl_frm01:has(#reg_mb_mailling) li.chk_box{margin:0rem 0rem 5rem;}
	#fregister p{font-size:13rem;}
	#fregister #fregister_chkall{margin-bottom:8rem;}
	#fregister h2{font-size:13rem;}
	#captcha #captcha_key{min-height:40rem;}
	#captcha #captcha_mp3,
	#captcha #captcha_reload{background-size:100%; min-width:40rem; min-height:40rem;}
	#captcha #captcha_img{max-height:40rem;}
	.register_form_inner li label{margin-bottom:7rem; font-weight:500; font-size:14rem;}
}

/* 회원탈퇴 버튼 (정보수정 아래, 밑줄) */
:is(#fregister,.register) .btn_confirm .btn_leave{display:inline-block; margin-top:18rem; font-size:14rem; color:#888; text-decoration:underline; text-underline-offset:3rem;}

@media (max-width: 540px){
	#find_info p{font-size:13rem;}
	#find_info .win_btn{position:fixed; bottom:20rem; width:calc(100% - 40rem);}
	#find_info .new_win_con .captcha-wrap{position:fixed; bottom:77rem; width:calc(100% - 40rem); margin:30rem 0rem 18rem;}
	#find_info #mb_email{margin:15rem 0;}
}