@charset "utf-8";
:root[user-theme="light"] {
	--mem_logo_fill: #0042d6;
	--mem_bg: #fafafa;
	--mem_rev: #000;
	--mem_stx: #999;
	--mem_btn:#006ce1;
	--mem_btn_mail:#006ce1;
	--mem_btn_member:#00458f;
	--mem_btn_hover:#002771;
	--mem_input_title:#333;
	--mem_input_line:#e9e9e9;
	--mem_input_bg:#fff;
	--mem_input_color:#0065cf;
	--mem_input_hd:rgba(0,0,0,0.3);
	--mem_input_bg_slide:#fafafa;
	--mem_input_bg_focus:#fff;
	--mem_mn:#333;
	--mem_mn_line:#f4f4f4;
	--mem_ji_line:#ddd;
	--mem_log_line:#e9e9e9;
	--mem_ji_bg:#e0efff;
	--mem_rule:#555;
	--mem_rule_span:red;
	--mem_rule_view_bg:#fafafa;
	--mem_rule_view_line:#eee;
	--chk_ok:#0090e7;
	--chk_no:red;
	--bg_result: #eff9ff;
	--log_dot: #333;

	--bul_color1: #00458f;
	--bul_color2: #006ce1;
}

:root[user-theme="dark"] {
	--mem_logo_fill: #fff;
	--mem_bg: #151b27;
	--mem_rev: #fff;
	--mem_stx: #717171;
	--mem_btn:#006ce1;
	--mem_btn_mail:#006ce1;
	--mem_btn_member:#00458f;
	--mem_btn_hover:#002771;
	--mem_input_title:#6f6f6f;
	--mem_input_line:rgba(255,255,255,0.1);
	--mem_input_bg:rgba(0,0,0,0.6);
	--mem_input_color:#a1d5e1;
	--mem_input_hd:rgba(0,0,0,0.3);
	--mem_input_bg_slide:rgba(0,0,0,0.3);
	--mem_input_bg_focus:rgba(0,0,0,0.7);
	--mem_mn:#ddd;
	--mem_mn_line:rgba(255,255,255,0.05);
	--mem_ji_line:rgba(255,255,255,0.2);
	--mem_log_line:rgba(255,255,255,0.08);
	--mem_ji_bg:rgba(41,62,85,0.3);
	--mem_rule:#999;
	--mem_rule_span:orange;
	--mem_rule_view_bg:#111;
	--mem_rule_view_line:rgba(255,255,255,0.07);
	--chk_ok:#0090e7;
	--chk_no:orangered;
	--bg_result: #0a1422;
	--log_dot: #999;
	--bul_color1: #00458f;
	--bul_color2: #006ce1;
}
:root {
	--t_giz:25px;
}

.lang_reset_test {position:fixed; top:calc(env(safe-area-inset-top) + 0px); inset-inline-start:0; z-index:100; width:100px; height:50px; opacity:0;}

.mc_wrap {position:relative; width:100%; height:auto; }
.mc_wrap.login {min-height:100vh; background:var(--mem_bg);display: flex; justify-content: center; }
.mc_wrap.slide {padding:25px; inset-inline: 0; margin: auto; max-width:450px; min-height: calc(100vh - calc(env(safe-area-inset-top) + var(--tm_size) + env(safe-area-inset-bottom)));}
.mc_wrap.slide.lang_pop {padding-top:0 !important;}
.mc_wrap .member {
	position: relative;
	inset-inline: auto;
	margin: auto;
	max-width: 450px;
	width: 100%;

	padding: calc(env(safe-area-inset-top) + 0px) 25px calc(env(safe-area-inset-bottom) + var(--t_giz)) 25px;

	animation: log_fade 0.5s ease 0.5s forwards;
	opacity: 0;
}

.mc_wrap .member h3.sub_t {font-size:13px; font-weight:600; padding: 0; padding-inline-start: 20px; color:var(--mem_rev); position:relative;}
.mc_wrap .member h3.sub_t.pd {padding-bottom:9px;}
.mc_wrap .member h3.sub_t:before {content:""; position:absolute; top:8px; inset-inline-start:7px; width:5px; height:5px; background:var(--log_dot); border-radius:100%;}

.lang_change {position:fixed; top:calc(env(safe-area-inset-top) + 15px); inset-inline-end:15px; font-size:0; line-height:1; padding:5px; white-space:nowrap; cursor:pointer; z-index:2;}
.lang_change i,
.lang_change span {display:inline-block; vertical-align:middle; line-height:1;}
.lang_change i {font-size:15px;font-variation-settings:'FILL' 1,'wght' 300;color:var(--mem_rev);}
.lang_change span {font-size:11px; margin-inline-start:5px; font-weight:500; color:var(--mem_rev);}

@keyframes log_fade {
	from	{opacity: 0;}
	to		{opacity: 1;}
}

.mc_wrap .logo {padding:calc(var(--t_giz) *2) var(--t_giz) calc(var(--t_giz) *2) var(--t_giz) ; text-align:center; position: sticky; top: calc(env(safe-area-inset-top) + 0px); inset-inline-start: 0; width: 100%; z-index: 100; border: 0px solid red; background: var(--mem_bg); }
.mc_wrap .logo:after {content:""; position: absolute; top: 0; inset-inline-start: 0; width: 100%; height: calc(env(safe-area-inset-top) + var(--t_giz)); background: var(--mem_bg); transform:translateY(-100%);}
.mc_wrap .logo img,
.mc_wrap .logo svg {max-width:230px; width:80%; display:inline-block;}
.mc_wrap .logo svg .logo_base { fill: var(--side_logo_fill); }
.mc_wrap .logo svg .logo_point { fill: #005cbd; }

.mc_wrap .logo {
	--pre_color: #00458f;
	--talk_color: #006ce1;
}
.mc_wrap .logo > span {font-size: 10px; padding:5px 0 0px 0px; font-weight: 300; color:#96adb7; display: inline-block; width: 100%; letter-spacing: 0.15em;}

.mc_wrap .kind  {position:absolute; top:35px; inset-inline-end:35px; display:none;}
.mc_wrap .m_other  {position:relative; }
.mc_wrap .find_result_bx {}
.mc_wrap .find_result_bx .result_ment {font-size:13px; line-height:150%; text-align:center; background:var(--bg_result); padding:30px 0; border-radius:10px;}
.mc_wrap .find_result_bx .result_ment strong {font-size:15px; font-weight:600; color:#006ce1;}
.mc_wrap .m_header {padding:0 0 20px 0; padding-inline-start: 5px; text-align:start;}
.mc_wrap .m_header h2	{font-weight: 700; color:var(--mem_rev); font-size:18px; line-height:1; letter-spacing:-0.05em;}
.mc_wrap .m_header p	{font-size:12px; padding:5px 0 0 0; color:var(--mem_stx); line-height:150%;}
.mc_wrap .m_header.etc {}
html:not([lang="ko"]) .api_login .m_header.etc { display: none; }
.mc_wrap .m_header.etc h2	{font-size:15px;font-weight: 700; }
.mc_wrap .m_header.etc p	{font-size:11px; line-height:150%; padding-top:10px;}
.mc_wrap .help {margin:15px 0 0 0; text-align:start; font-size:0; position:relative;}
.mc_wrap .help .rmbx {position:absolute; top:50%; inset-inline-start:5px; transform:translateY(-50%);}
.mc_wrap .help ul.find_btn {display: flex; justify-content: flex-end; width: 100%; margin: 0; padding-inline-end:5px;}
.mc_wrap .help ul.find_btn li {font-size: 12px; line-height: 1; padding:10px; cursor:pointer; letter-spacing:-0.05em; font-weight:500; color:var(--mem_mn); position:relative;}
.mc_wrap .help ul.find_btn li:after {content:""; position:absolute; top:50%; inset-inline-end:0; height:12px; transform:translateY(-50%); border-inline-end: 1px solid var(--mem_mn_line); }
.mc_wrap .help ul.find_btn li:last-child {padding-inline-end: 0;}
.mc_wrap .help ul.find_btn li:last-child:after {border-inline-end: none; }
.mc_wrap .api_login {padding-top:0px;}
html:not([lang="ko"]) .mc_wrap .api_login {padding-top:0px;}

.mc_wrap ul.frm_box		{}
.mc_wrap ul.frm_box li		{display:inline-block; width:100%; position:relative; margin:3px 0;}
.mc_wrap ul.frm_box li > span,
.mc_wrap ul.frm_box li > .blk span		{position:absolute; top:50%; inset-inline-start:20px; transform:translateY(-50%); font-size:12px;  color:var(--mem_input_title);}
.mc_wrap ul.frm_box li .blk			{position:relative; }
.mc_wrap ul.frm_box li .qst_ment			{position:relative; font-size:15px; padding:10px 0; padding-inline-start: 10px; color:var(--mem_rev);}
.mc_wrap ul.frm_box li .chk_msg			{position:relative; font-size:11px; padding:3px 0 0 0; padding-inline-start: 85px;}
.mc_wrap ul.frm_box li .chk_msg.ok		{color:var(--chk_ok);}
.mc_wrap ul.frm_box li .chk_msg.no		{color:var(--chk_no);}
.mc_wrap ul.frm_box li input			{width:100%; height:60px; padding:0; padding-inline-start: 100px; padding-inline-end: 15px; border:1px solid var(--mem_input_line); background:var(--mem_input_bg); font-size:13px; text-align:start; transition:all .2s; color:var(--mem_input_color); border-radius:10px;}
.mc_wrap ul.frm_box li input:focus {outline:none; border-color:var(--mem_stx); }
.mc_wrap ul.frm_box li input::placeholder {color: var(--mem_input_hd); font-size:11px;}
.mc_wrap .join_box ul.frm_box li > span,
.mc_wrap .join_box ul.frm_box li > .blk span		{inset-inline-start:10px;}
.mc_wrap .join_box ul.frm_box li input	{height:50px; padding:0; padding-inline-start: 85px; padding-inline-end: 10px; }
.mc_wrap .join_box ul.frm_box li.phone	{display:flex;}
.mc_wrap .join_box ul.frm_box li.phone input	{flex:1; margin-inline-start:3px; padding:0 10px; text-align:center;}
.mc_wrap .join_box ul.frm_box li.phone input:first-child	{margin:0;}
.mc_wrap ul.frm_box.login li {margin:20px 0 0 0;}
.mc_wrap ul.frm_box.login li > span		{position:relative; top:0; inset-inline-start:0px; padding:0; padding-inline-start: 10px; transform:none; font-size:12px; }
.mc_wrap ul.frm_box.login li input			{height:40px; padding:0 10px; border-width:0 0 1px 0; background:transparent; color:var(--mem_input_color); border-radius:0;}
.mc_wrap ul.frm_box.login li input:focus {outline:none; border-color:var(--mem_stx); }
.mc_wrap ul.frm_box.login li input::placeholder {color: var(--mem_input_hd); font-size:11px;}
.mc_wrap.slide ul.frm_box li input			{background:var(--mem_input_bg_slide); }
.mc_wrap.slide ul.frm_box li input:focus {background:var(--mem_input_bg_focus); }
.mc_wrap .join_btn			{width:100%; padding:20px 0; border:0px dashed var(--mem_ji_line); background:var(--mem_ji_bg); font-weight:500; line-height:1; font-size:12px; text-align:center; color:var(--mem_rev); cursor:pointer; transition:all .2s; border-radius:10px; margin-top:20px; letter-spacing:-0.05em;}
.mc_wrap .join_btn:hover	{border-color:var(--mem_stx);}
.mc_wrap .btn_ar			{padding-top:10px;}
.mc_wrap .email_login_btn			{padding-top:35px; margin-top:35px; border-top:0px solid var(--mem_log_line); position: relative;}
.mc_wrap .email_login_btn:before	{content: ""; position: absolute; top: -2px; inset-inline-start: 0; width: 100%; height: 5px; 
background: linear-gradient(
	-45deg,
	var(--bul_color1) 25%,
	transparent 25%,
	transparent 50%,
	var(--bul_color2) 50%,
	var(--bul_color1) 62.5%,
	var(--bul_color2) 75%,
	transparent 75%
);
-webkit-background-size: 10px 10px;
background-size: 10px 10px; opacity: 0.1;
}
.mc_wrap .btn_ar input					{width:100%; height:70px; padding:0; border:0px; background:var(--mem_btn); font-weight:500; line-height:1; font-size:14px; text-align:center; color:#fff; cursor:pointer; transition:all .2s; border-radius:10px;}
.mc_wrap .btn_ar input.mail					{background:var(--mem_btn_mail);font-size:12px;}
.mc_wrap .btn_ar input.member					{background:var(--mem_btn_member);font-size:13px;}
.mc_wrap .btn_ar input:hover			{background:var(--mem_btn_hover);}
.mc_wrap .btn_ar input#id_cmp_btn:disabled { background: #c0c0c0; cursor:not-allowed;}
.mc_wrap .copy {padding:20px 0 0 0; text-align:center; font-size:9px; position:relative; letter-spacing:0.05em; color:var(--mem_stx);}
.mc_wrap .copy span {color:var(--mem_rev); display:inline-block; padding: 0 5px;}
.mc_wrap .w_info				{position:relative; padding:10px 0; }
.mc_wrap .w_info.agree_box		{padding:15px 10px 0 10px; }
.mc_wrap .w_info.last	{padding-bottom:35px;}
.mc_wrap .w_info h3	{color:var(--mem_rev); font-size:14px; line-height:100%; font-weight:600; padding:10px 0 7px 0; padding-inline-start: 5px;}
.mc_wrap .w_info h3 small	{font-size:11px; font-weight:500;}
.mc_wrap .w_info h3 input	{position:absolute; top:0; inset-inline-end:0; width:auto; height:22px; text-align:center; border:1px dashed #c9c9c9; background:transparent; color:var(--mem_rev); font-size:11px; font-weight:600; padding:3px; border-width:0 0 1px 0;}
.mc_wrap .join_box				{}
.mc_wrap .join_end				{padding:30px 15px;text-align:center; position: absolute; top: calc(50% - 80px); inset-inline-start: 0; width: 100%; transform: translateY(-50%);}
.mc_wrap .join_end .logo		{}
.mc_wrap .join_end .logo img,
.mc_wrap .join_end .logo svg		{width:120px !important;}
.mc_wrap .join_end .logo svg .logo_base { fill: var(--mem_logo_fill); }
.mc_wrap .join_end .logo svg .logo_point { fill: #005cbd; }

.mc_wrap .last_title				{color:var(--mem_rev); font-size:18px; line-height:170%; font-weight:600; letter-spacing:-0.05em;}
.mc_wrap .last_ment			{color:var(--mem_stx); font-size:12px; line-height:140%; font-weight:500; padding:5px 0 45px 0;}
.mc_wrap .last_go				{text-align:center;}
.mc_wrap .last_go a			{display:inline-block; padding:18px 0; width:200px; border-radius:30px; font-size:14px; color:#fff; background:var(--mem_btn); font-weight:500; line-height:1; cursor:pointer; }
.mc_wrap ul.rule_list		{padding:0 0 20px 0; padding-inline-start: 3px;}
.mc_wrap .agree_box ul.rule_list	{padding-top:10px; }
.mc_wrap ul.rule_list li		{display:inline-block; width:100%; font-size:0; padding-top:5px;}
.mc_wrap ul.rule_list li > h4,
.mc_wrap ul.rule_list li > div,
.mc_wrap ul.rule_list li > view		{display:inline-block; vertical-align:middle; line-height:1;}
.mc_wrap ul.rule_list li > h4	{width:calc(100% - 50px); color:var(--mem_rule); font-size:12px; font-weight:500;}
.mc_wrap ul.rule_list li > h4:before	{content:"ㆍ ";}
.mc_wrap ul.rule_list li > h4 span	{font-size:11px; color:var(--mem_rule_span);}
.mc_wrap ul.rule_list li > div	{width:30px; color:var(--mem_rule); font-size:12px;}
.mc_wrap ul.rule_list li > view	{width:20px; color:var(--mem_rule); font-size:11px; text-align:center; padding:6px 0; border:0px solid var(--mem_rule_view_line); transition:all .2s; cursor:pointer; border-radius:3px;}

.agree_other {text-align:center; margin-top:25px;}
.agree_other a {display:inline-block; font-weight:500; font-size:12px; color:#111;}

/**/
.find_kind_tab { display: flex; margin-bottom: 30px; }
.find_kind_tab li { flex: 1; text-align: center; padding: 12px 0; color: #888; font-weight: 500; cursor: pointer; transition: 0.3s; border-bottom: 2px solid #eee;}
.find_kind_tab li.active { color: #111; border-color: #111; }
.sd_msg { color: #d9534f; font-size: 13px; text-align: center; margin: 10px 0; font-weight: 500; }

/* 외부로그인 */
ul.login_btn_api		{padding:20px 0 0 0; font-size:0; display:flex; justify-content: center;}
html:not([lang="ko"]) .api_login ul.login_btn_api		{padding:10px 0 0 0;}
ul.login_btn_api li		{flex:1; position:relative; padding:5px 10px; text-align:center; border-inline-end:0px solid var(--mem_mn_line); max-width:140px;}
ul.login_btn_api li:last-child	{border:0;}
ul.login_btn_api li #naverIdLogin	{position:absolute; top:0; inset-inline-end:0; width:100%; height:100%; z-index:1;}
ul.login_btn_api li #naverIdLogin a	{display:block; position: absolute; top:0; inset-inline-start:0; width:100%; height:100%;}
ul.login_btn_api li #naverIdLogin img	{width:100%; height:auto; opacity:0;}
ul.login_btn_api li > a	{display:block; font-size:0; line-height:1;}
ul.login_btn_api li > a i,
ul.login_btn_api li > a span	{display:inline-block; vertical-align:middle; }
ul.login_btn_api li > a i		{font-size:35px; color:#fff; width:37px; height:37px; text-align:center; line-height:37px; border-radius:100%;}

html:not([lang="ko"]) ul.login_btn_api li > a i		{width:50px; height:50px; line-height:50px;font-size:40px; }

ul.login_btn_api li > a span	{line-height:100%; font-size:11px; color:var(--mem_rev); font-weight:500; padding:8px 0 0 0; width:100%;}
ul.login_btn_api li > a.naver i	{color:#22ba4f;}
ul.login_btn_api li > a.kakao i	{color:#3b1c1c;}
ul.login_btn_api li > a.phone i	{background:#333; color:#fff;font-size:22px; }
ul.login_btn_api li > a.google i	{color:#000;}
ul.login_btn_api li > a.apple i	{color:#000;}
ul.login_btn_api li > a .icon		{width:35px; height:35px;border-radius:100%; display:inline-block; position:relative;}
ul.login_btn_api li > a .icon img	{position:absolute; top:50%; left:50%; width:80%; transform:translate(-50%, -50%);}
ul.login_btn_api li > a.kakao .icon		{background:#fae100; border:0;}
.mc_wrap ul.frm_box li.msg		{margin:0 !important; text-align:start;}
.mc_wrap ul.frm_box li.msg .st		{display:inline-block; font-size:0; padding:5px 0; padding-inline-start: 15px;}
.mc_wrap ul.frm_box li.msg .st.ok		{color:green;}
.mc_wrap ul.frm_box li.msg .st.not		{color:red;}
.mc_wrap ul.frm_box li.msg .st > i,
.mc_wrap ul.frm_box li.msg .st > span		{display:inline-block; vertical-align:middle; font-size:12px; line-height:100%; }
.mc_wrap ul.frm_box li.msg .st > i		{padding-inline-end:5px;}
.mc_wrap ul.frm_box li.msg .phone		{padding:15px 0 10px 0; padding-inline-start: 5px;}
.mc_wrap ul.frm_box li .pn_change	{position:absolute; top:12px; inset-inline-end:0; font-size:0; cursor:pointer;}
.mc_wrap ul.frm_box li .pn_change > i,
.mc_wrap ul.frm_box li .pn_change > span			{display:inline-block; vertical-align:middle; font-size:12px; line-height:100%; color:var(--mem_rev); transition:all .3s;}
.mc_wrap ul.frm_box li .pn_change > i					{padding-inline-end:5px;}
.mc_wrap ul.frm_box li .pn_change:hover > span	{color:red;}
.mc_wrap ul.frm_box.join li		{margin:10px 0;}
.mc_wrap ul.frm_box.join li > span	{position:relative; top:0; inset-inline-start:0; transform:translateY(0); padding:10px 0 7px 0; padding-inline-start: 5px; display:inline-block; font-size:13px;}
.mc_wrap ul.frm_box.join li > span span	{color:red; font-size:11px; display:inline-block; padding-inline-start:3px;}
.mc_wrap ul.frm_box.join li .full		{display:inline-block; width:100%; font-size:0;}
.mc_wrap ul.frm_box.join li .chk	{display:inline-block; width:100%; padding:5px 0 0 0; padding-inline-start: 10px;}
.mc_wrap ul.frm_box.join li input	{padding:0 15px; height:50px; display:inline-block; vertical-align:middle;}
.mc_wrap ul.frm_box.join li input.fix	{border:1px solid #f1f1f1 !important; background:#fff7f7 !important; cursor:not-allowed;}
.mc_wrap ul.frm_box.join li input.phn1	{width:30%;}
.mc_wrap ul.frm_box.join li input.phn2	{width:calc(35% - 5px); margin-inline-start:5px;}
.mc_wrap ul.frm_box.join li .sp_ar		{display:inline-block; width:100%; position:relative;}
.mc_wrap ul.frm_box.join li .sp_ar .tt	{position:absolute; top:50%; inset-inline-start:20px; transform:translateY(-50%); font-size:12px;}
.mc_wrap ul.frm_box.join li .sp_ar input	{padding:0; padding-inline-start: 100px; padding-inline-end: 15px;}
.mc_wrap ul.frm_box li input[type="checkbox"],
.mc_wrap ul.frm_box.join li input[type="checkbox"]{display:none;}
.mc_wrap ul.frm_box li input.post{position:absolute; top:5px; inset-inline-end:0; width:90px; height:30px; border:0; background:#333; font-size:11px; text-align:center; transition:all .2s; color:#eee; border-radius:3px; cursor:pointer;}
.mc_wrap ul.frm_box li input.post:focus {}
.mc_wrap ul.frm_box li input.post::placeholder {color:#eee;}
.mc_wrap .add_iwrp {position:relative; width:100%; text-align:start; }
.mc_wrap .for_result_wrap {position:relative; width:100%; }
.mc_wrap .in_hdx {position:relative; width:100%; padding:30px 0 15px 0; padding-inline-start: 10px; text-align:start; margin-top:30px; border-top:1px dashed #eee;}
.mc_wrap .in_hdx h3	{position:relative; width:100%; color:var(--mem_rev); font-size:15px; line-height:100%; font-weight:normal;}
.mc_wrap .in_hdx p	{position:relative; width:100%; font-size:12px; padding:7px 0 0 0; color:var(--mem_stx); line-height:150%;}
.mc_wrap .rmb				{position:relative; width:100%;padding:20px 10px; text-align:start;}
.mc_wrap .rmb span		{color:red; font-size:11px; margin-inline-start:5px;}
.mc_wrap .sd_msg			{position:relative; width:100%;padding:20px 10px; text-align:start; font-size:13px;}
.mc_wrap .result_box		{position:relative; width:100%; line-height:150%; text-align:center; background:var(--bg_result); padding:30px; border-radius:10px; font-size:13px; color:var(--default_color);}
.mc_wrap .result_box strong		{color:red; font-weight:700; font-size:16px; display:inline-block; width:100%; padding:10px; border:1px solid red; margin:20px 0; background:#fff; cursor:pointer;}
.mc_wrap .ment				{position:relative; width:100%;text-align:start; line-height:180%; padding:10px 15px 30px 15px; font-size:13px;}
.mc_wrap .ment span		{color:red;}
.mc_wrap .age_ment				{position:relative; width:100%;text-align:start; line-height:150%; color:var(--mem_stx); padding:30px 5px 10px 5px; font-size:10px;}
.mc_wrap .age_ment span	{color:red;}


.language_control	{padding-bottom:0px;}
html:not([lang="ko"]) .language_control	{}


/* 이메일 인증번호 로그인 — 로그인 화면 버튼 + 팝업 (/app/pop_layer/email_login.php) */

/* 팝업 */
.em_login { padding: 20px 20px 40px; max-width: 440px; margin: 0 auto; }
.em_login .em_step { display: none; }
.em_login .em_step.on { display: block; }
.em_login .em_desc {font-size:12px; padding:0 5px 10px 5px; line-height: 1.6; color: var(--default_color, #333); word-break: keep-all; overflow-wrap: anywhere; text-align: start;}
.em_login .em_desc mail,
.em_login .em_desc rest {display:inline-block; width:100%; line-height:140%;}
.em_login .em_desc mail {font-size:14px; color:var(--default_rev);}
.em_login .em_desc rest {font-size:11px; padding:3px 0 0 0;}
.em_login .em_email,
.em_login .em_code {padding: 0 10px; font-size: 13px; margin-bottom:10px;}
.em_login .em_code { font-size: 24px; letter-spacing: 1px; text-align: center; font-family: 'Courier New', monospace; font-weight:bold;}
.em_login .em_code::placeholder { font-size: 13px; letter-spacing: 0; font-family: var(--neo); font-weight:300;}
.em_login .em_help {  font-size: 11px; color: orangered; line-height: 1.5; padding:0px 5px 7px 5px;}
.em_login .em_links { display: flex; justify-content: space-between; gap: 10px; padding:5px 0px 15px 0px;}
.em_login .em_links button { background: none; border: 0px solid #e9e9e9; padding: 8px 0px; font: inherit; font-size: 11px; color: var(--nav_on, #0065cf); cursor: pointer; line-height:1; border-radius:30px;}
.em_login .em_links button:disabled { color: var(--default_color); cursor: default; border-color: transparent; padding: 0; padding-inline-start: 5px; padding-inline-end: 0; font-size:11px;}

/* 단계 바뀔 때 움직임 — 왼쪽으로 빠지고 오른쪽에서 들어옴, 뒤로 갈 때는 반대 */
.em_login .em_step.em_out { animation: emOut .18s ease-in both; }
.em_login .em_step.em_in  { animation: emIn .26s ease-out both; }
.em_login .em_step.em_out.em_back { animation-name: emOutBack; }
.em_login .em_step.em_in.em_back  { animation-name: emInBack; }
@keyframes emOut     { to   { opacity: 0; transform: translateX(-24px); } }
@keyframes emIn      { from { opacity: 0; transform: translateX(24px); } }
@keyframes emOutBack { to   { opacity: 0; transform: translateX(24px); } }
@keyframes emInBack  { from { opacity: 0; transform: translateX(-24px); } }
@media (prefers-reduced-motion: reduce) {
	.em_login .em_step.em_out, .em_login .em_step.em_in { animation: none; }
}


.lang_picker button.lang .native,
.lang_picker button.lang .en { line-height: 1.3; }