@charset "utf-8";
/* biz_04 (GREENON) 테마 · 공통 스타일
대표색을 바꾸려면 아래 :root 변수만 고치면 됩니다. */
:root{
--grn-900:#0E3B21; --grn-700:#14532D; --grn-500:#1F7A43; --grn-300:#5FA97A;
--lime:#84CC16; --lime-soft:#E8F7CE;
--mint:#EDF7F0; --mint-2:#DFF0E4;
--ink:#1C2A22; --mut:#5C6B62; --line:#DCE7DF; --bg:#FFFFFF;
--r-lg:28px; --r-md:20px; --r-sm:12px;
--shadow:0 10px 30px rgba(20,83,45,.10);
--shadow-sm:0 4px 14px rgba(20,83,45,.08);
}
/* ── 리셋 ─────────────────────────────────────────── */
*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Noto Sans KR','Malgun Gothic',AppleGothic,sans-serif;font-size:16px;color:var(--ink);background:var(--bg);word-break:keep-all}
ul,ol,li{list-style:none}
img{max-width:100%;border:0;vertical-align:middle}
/* 게시판·일반페이지 본문에 붙여넣은 넓은 표가 모바일에서 화면을 밀지 않게 한다 */
#bo_v_atc{overflow-x:auto}
#bo_v_atc table{max-width:100%}
a{color:inherit;text-decoration:none}
table{border-collapse:collapse;width:100%}
em,i{font-style:normal}
input,button,select,textarea{font-family:inherit;font-size:inherit;color:inherit}
button{cursor:pointer;background:none;border:0}
.sound_only{position:absolute;top:0;left:-9999px;width:1px;height:1px;overflow:hidden}
/* 팝업레이어(관리자 > 팝업레이어관리) — 제목은 읽기전용으로 감추고 창만 보이게 한다 */
#hd_pop h2{position:absolute;width:0;height:0;font-size:0;line-height:0;overflow:hidden}
.hd_pops{position:absolute;border:1px solid var(--line);background:#fff;border-radius:var(--r-md);overflow:hidden;box-shadow:var(--shadow)}
.hd_pops img{max-width:100%}
.hd_pops_con{overflow:auto}
.hd_pops_footer{position:relative;padding:0;background:var(--grn-700);color:#fff;text-align:left}
.hd_pops_footer:after{content:"";display:block;clear:both}
.hd_pops_footer button{padding:11px 14px;border:0;background:none;color:#fff;font-size:13px;cursor:pointer}
.hd_pops_footer .hd_pops_reject{background:var(--grn-700);text-align:left}
.hd_pops_footer .hd_pops_close{position:absolute;top:0;right:0;background:var(--grn-900)}
#skip_to_container a{position:absolute;top:-100px;left:0;z-index:2000;padding:10px 18px;background:var(--grn-700);color:#fff;border-radius:0 0 var(--r-sm) 0}
#skip_to_container a:focus{top:0}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
#hd_pop{position:relative;z-index:1500}
/* 스크롤 등장 */
/* 스크롤 등장 효과.
★ .js 를 앞에 두는 것은 일부러입니다 — 자바스크립트가 꺼져 있거나 오류로 멈춰도
본문이 사라지지 않고 그대로 보이게 하려는 안전장치입니다. (head.sub.php 가 .js 를 붙입니다) */
.js .rv{opacity:0;transform:translateY(22px);transition:opacity .6s ease var(--d,0ms),transform .6s ease var(--d,0ms)}
.js .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}
/* ── 버튼 ─────────────────────────────────────────── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 26px;border-radius:999px;font-weight:700;font-size:15px;line-height:1;transition:all .22s;border:2px solid transparent}
.btn.grn{background:var(--grn-700);color:#fff}
.btn.grn:hover{background:var(--grn-500);box-shadow:var(--shadow-sm)}
.btn.line{border-color:var(--grn-700);color:var(--grn-700);background:transparent}
.btn.line:hover{background:var(--grn-700);color:#fff}
.btn.white{background:#fff;color:var(--grn-700)}
.btn.white:hover{background:var(--lime-soft)}
.btn.big{padding:16px 34px;font-size:16px}
.btn.sm{padding:9px 18px;font-size:13.5px}
.btn.wide{width:100%}
.btn:disabled{opacity:.55;cursor:default}
/* ── 헤더 (플로팅 필) ─────────────────────────────── */
header.site{position:sticky;top:0;z-index:1000;padding:12px 16px 0;pointer-events:none}
header.site .pill{pointer-events:auto;max-width:1240px;margin:0 auto;display:flex;align-items:center;gap:22px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:999px;padding:10px 12px 10px 22px;box-shadow:var(--shadow-sm);transition:box-shadow .25s}
body.scrolled header.site .pill{box-shadow:var(--shadow)}
.logo{display:flex;align-items:center;gap:9px}
.logo .leaf{display:inline-flex;width:34px;height:34px;border-radius:50%;background:var(--grn-700);align-items:center;justify-content:center}
.logo .leaf svg{width:19px;height:19px;fill:var(--lime)}
.logo .en{font-family:'Nunito',sans-serif;font-weight:900;font-size:21px;color:var(--grn-700);letter-spacing:.02em}
.logo .ko{font-size:12.5px;color:var(--mut);padding-top:4px}
.gnb{flex:1}
.gnb>ul{display:flex;justify-content:center;gap:4px}
.gnb>ul>li{position:relative}
.gnb>ul>li>a{display:block;padding:11px 18px;border-radius:999px;font-weight:700;font-size:15.5px;transition:all .2s}
.gnb>ul>li:hover>a{background:var(--mint);color:var(--grn-700)}
.gnb2{position:absolute;left:50%;transform:translateX(-50%) translateY(8px);top:100%;padding-top:10px;opacity:0;visibility:hidden;transition:all .22s}
.gnb>ul>li:hover .gnb2{opacity:1;visibility:visible;transform:translateX(-50%)}
.gnb2 ul{min-width:172px;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow);padding:8px}
.gnb2 a{display:block;padding:10px 16px;border-radius:var(--r-sm);font-size:14.5px;color:var(--mut)}
.gnb2 a:hover{background:var(--mint);color:var(--grn-700)}
.hd-cta{display:flex;align-items:center;gap:14px}
.hd-cta .util{display:flex;gap:12px}
.hd-cta .util a{font-size:13px;color:var(--mut)}
.hd-cta .util a:hover{color:var(--grn-700)}
.pillbtn{padding:11px 22px}
.ham{display:none;width:44px;height:44px;border-radius:50%;background:var(--grn-700);flex-direction:column;align-items:center;justify-content:center;gap:5px}
.ham span{display:block;width:18px;height:2px;background:#fff;border-radius:2px}
/* 모바일 메뉴 */
.mnav{position:fixed;top:0;right:-320px;width:300px;height:100%;background:#fff;z-index:1600;transition:right .3s;padding:64px 26px 30px;overflow-y:auto;border-radius:var(--r-lg) 0 0 var(--r-lg);box-shadow:-8px 0 32px rgba(0,0,0,.12)}
.mnav.open{right:0}
.mnav .close{position:absolute;top:14px;right:16px;font-size:30px;color:var(--mut);width:44px;height:44px}
.mnav>ul>li{border-bottom:1px solid var(--line)}
.mnav>ul>li>a{display:block;padding:14px 4px;font-weight:700;font-size:16.5px}
.mnav>ul>li>ul{padding:0 4px 12px}
.mnav>ul>li>ul a{display:block;padding:7px 12px;font-size:14.5px;color:var(--mut)}
.mnav .mutil{display:flex;gap:8px;margin-top:18px}
.mnav .mutil a{flex:1;text-align:center;padding:11px;border:1.5px solid var(--line);border-radius:999px;font-size:14px;font-weight:700}
.mnav .mtel{margin-top:14px;text-align:center}
.mnav .mtel a{font-family:'Nunito',sans-serif;font-weight:800;font-size:20px;color:var(--grn-700)}
.mnav-dim{position:fixed;inset:0;background:rgba(14,59,33,.4);z-index:1500;opacity:0;visibility:hidden;transition:.3s}
.mnav-dim.show{opacity:1;visibility:visible}
/* ── 서브 상단 배너 ───────────────────────────────── */
.subhero{position:relative;margin-top:-78px;padding:150px 0 80px;background:linear-gradient(140deg,var(--grn-900),var(--grn-700) 55%,var(--grn-500));color:#fff;overflow:hidden}
.subhero:before{content:"";position:absolute;right:-120px;top:-140px;width:420px;height:420px;border-radius:50%;background:rgba(132,204,22,.16)}
.subhero:after{content:"";position:absolute;left:-80px;bottom:-160px;width:320px;height:320px;border-radius:50%;background:rgba(255,255,255,.06)}
.subhero .crumb{font-size:12.5px;opacity:.75;margin-bottom:14px}
.subhero .crumb a:hover{text-decoration:underline}
.subhero .crumb span:before,.subhero .crumb .g:before{content:"›";margin:0 8px}
.subhero .lb{font-family:'Nunito',sans-serif;font-weight:800;font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--lime)}
.subhero h1{font-size:38px;font-weight:900;margin-top:8px}
.subhero p{margin-top:12px;opacity:.85;font-size:16px;max-width:640px}
.subhero .wave{position:absolute;left:0;right:0;bottom:-1px;color:#fff;line-height:0}
.subhero .wave svg{width:100%;height:44px}
/* ── 콘텐츠 영역 ─────────────────────────────────── */
main.content{padding:56px 0 90px;min-height:420px}
main.content>.wrap>h1:first-child{display:none}
/* ── 푸터 ────────────────────────────────────────── */
.ft-wave{color:var(--grn-900);line-height:0;margin-top:70px}
.ft-wave svg{width:100%;height:56px;display:block}
footer{background:var(--grn-900);color:#CFE3D6;padding:56px 0 46px}
footer .wrap{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr);gap:36px}
footer .logo{display:block;margin-bottom:16px}
footer .logo .en{font-family:'Nunito',sans-serif;font-weight:900;font-size:23px;color:#fff}
footer .logo .ko{margin-left:8px;font-size:13px;color:#9FC1AC}
footer p{font-size:13.5px;line-height:1.9;color:#9FC1AC}
footer h4{color:#fff;font-size:15px;margin-bottom:14px}
footer li{font-size:14px;line-height:2;color:#B7D2C1}
footer li a:hover{color:var(--lime)}
footer .copy{grid-column:1/-1;display:flex;justify-content:space-between;gap:14px;border-top:1px solid rgba(255,255,255,.12);padding-top:22px;font-size:13px;color:#8BAE97;flex-wrap:wrap}
footer .copy a:hover{color:var(--lime)}
#top_btn{position:fixed;right:22px;bottom:22px;width:50px;height:50px;border-radius:50%;background:var(--grn-700);color:#fff;font-size:19px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transition:.3s;z-index:900}
#top_btn.show{opacity:1;visibility:visible}
#top_btn:hover{background:var(--grn-500)}
/* ── 공용 섹션 타이틀 ────────────────────────────── */
.s-lb{display:inline-block;font-family:'Nunito',sans-serif;font-weight:800;font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--grn-500);background:var(--lime-soft);border-radius:999px;padding:7px 16px}
.s-tit{font-size:32px;font-weight:900;margin:14px 0 8px}
.s-tit em{color:var(--grn-500)}
/* ── 폼 공통 ─────────────────────────────────────── */
input[type=text],input[type=password],input[type=email],input[type=tel],input[type=url],input[type=number],input[type=file],select,textarea{width:100%;padding:13px 18px;border:1.5px solid var(--line);border-radius:var(--r-sm);background:#fff;transition:border-color .2s,box-shadow .2s;font-size:15px}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--grn-500);box-shadow:0 0 0 4px rgba(31,122,67,.12)}
input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--grn-700)}
textarea{min-height:140px;resize:vertical}
label{font-size:14.5px}
.frm_info{font-size:13px;color:var(--mut)}
.required{background-image:none}
/* 그누보드 기본 요소 보정 */
.empty_list,.empty_table{padding:70px 0;text-align:center;color:var(--mut);background:var(--mint);border-radius:var(--r-md)}
.pg_wrap{display:block;text-align:center;margin:36px 0 0}
.pg{display:inline-flex;gap:6px;align-items:center}
.pg_page,.pg_current{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 8px;border-radius:50%;font-size:14px;font-weight:700;color:var(--mut);background:#fff;border:1.5px solid var(--line)}
.pg_page:hover{border-color:var(--grn-500);color:var(--grn-700)}
.pg_current{background:var(--grn-700);color:#fff;border-color:var(--grn-700)}
.pg_start,.pg_prev,.pg_next,.pg_end{overflow:hidden}
/* 그룹 페이지 */
.grp-lay{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px}
.grp-item{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:24px;box-shadow:var(--shadow-sm)}
.grp-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.grp-head h2{font-size:19px}
.grp-head .more{font-size:13px;color:var(--mut)}
.grp-head .more:hover{color:var(--grn-700)}
/* 캡차·에디터 등 코어 위젯 여백 */
#captcha{display:flex;flex-wrap:wrap;align-items:center;gap:6px;max-width:100%}
#captcha #captcha_img{border-radius:var(--r-sm)}
#captcha input{width:140px}
/* 데모 안내 */
.demo-note{margin:6px 0 18px;padding:11px 18px;background:var(--lime-soft);border-radius:999px;font-size:13.5px;color:var(--grn-700);display:inline-block}
/* ── 반응형 ──────────────────────────────────────── */
@media (max-width:1024px){
.gnb,.hd-cta .util{display:none}
.ham{display:flex}
header.site .pill{gap:12px;padding:8px 8px 8px 18px}
.hd-cta .pillbtn{display:none}
footer .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.subhero h1{font-size:31px}
.s-tit{font-size:27px}
.grp-lay{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:768px){
body{font-size:15px}
.subhero{padding:130px 0 64px}
.subhero h1{font-size:26px}
main.content{padding:40px 0 70px}
}
@media (max-width:480px){
.wrap{padding:0 16px}
header.site{padding:10px 10px 0}
.logo .ko{display:none}
.subhero h1{font-size:23px}
.s-tit{font-size:23px}
footer .wrap{grid-template-columns:minmax(0,1fr)}
.btn.big{padding:14px 26px;font-size:15px}
}
/* ── 코어 공용 폼 보강 (그누보드가 그리는 화면들이 쓰는 클래스) ── */
.half_input{width:49%}
.left_input{margin-right:6px}
.margin_input{margin-bottom:8px}
.form_01 .frm_label{display:block;margin-bottom:8px;color:var(--mut);font-size:12px;letter-spacing:.06em}
/* 자동등록방지 입력칸 — 코어가 frm_input 없이 내보내므로 여기서 모양을 맞춘다 */
.captcha_box{width:130px;height:46px;border:1px solid var(--line);border-radius:var(--r-sm);padding:0 14px;font-size:15px;background:#fff}
.captcha_box:focus{outline:none;border-color:var(--grn-500);box-shadow:0 0 0 3px rgba(31,122,67,.12)}
/* ── 좁은 화면(360px 급) 가로 넘침 방지 · 2026-08-31 점검 ─────────────────
그누보드 코어 화면(새글모음·FAQ·자동등록방지·상품검색)은 고정폭이라
갤럭시 계열 360px 기기에서 옆으로 밀린다. 이 블록을 지우면 증상이 돌아온다. */
#new_sch,#faq_sch{min-width:0;max-width:100%;box-sizing:border-box}
#pw_confirm,.mbskin,#info_fs{max-width:100%;min-width:0}
#info_fs input,#info_fs .frm_input,#pw_confirm input,.mbskin input{max-width:100%;min-width:0;box-sizing:border-box}
/* 320px 급 좁은 기기 — 한 낱말이 칸보다 길면 그때만 끊어 준다.
word-break:keep-all 로 한글 단어는 그대로 두되, 넘치는 것보다는 끊는 편이 낫다. */
body{overflow-wrap:break-word}
#new_sch form,#faq_sch form{width:100%;max-width:100%;flex-wrap:wrap}
#new_sch select,#new_sch input,#new_sch .frm_input,
#faq_sch select,#faq_sch input,#faq_sch .frm_input{max-width:100%}
#captcha{max-width:100%}
#captcha img,#captcha audio,#captcha_audio{max-width:100%}
#ssch_q,.ssch_input{max-width:100%}
@media (max-width:480px){
#new_sch,#faq_sch{padding:18px}
}
/* ── 모바일 입력창 확대 방지 · 2026-08-31 점검 ────────────────────────────
iOS 사파리는 글자가 16px 보다 작은 입력칸을 누르면 화면을 확대해 버리고,
사용자가 손으로 되돌려야 한다. 휴대폰에서만 글자를 16px 로 올려 막는다.
(칸의 높이·테두리·색은 그대로이므로 디자인은 유지된다)
화면별 규칙(.xx-auth .fld input 등)이 더 세서 !important 로 눌러 둔다 —
이 한 줄을 빼면 로그인·가입·검색칸에서 확대가 다시 일어난다. */
@media (max-width:768px){
input[type=text],input[type=password],input[type=email],input[type=tel],
input[type=number],input[type=search],input[type=url],input[type=date],
input[type=time],input[type=datetime-local],input[type=month],input[type=week],
input:not([type]),select,textarea{font-size:16px!important}
}
/* ── 폼 입력칸 한 벌로 통일 · 2026-08-31 점검 ──────────────────────────────
로그인 · 회원가입 · 비밀번호찾기 · 자동등록방지 칸의 높이·테두리·둥글기·안여백이
화면마다 달랐다(로그인 52px 인데 가입은 다른 값, 비밀번호찾기는 아예 브라우저 기본).
★ 칸 모양을 바꾸려면 이 블록만 고치면 네 화면이 함께 따라간다. */
#mb_login input[type=text],#mb_login input[type=password],#mb_login input[type=email],
#mb_login input[type=tel],#mb_login input[type=number],#mb_login select,
.auth input[type=text],.auth input[type=password],.auth input[type=email],.auth input[type=tel],.auth select,
.b01-auth input[type=text],.b01-auth input[type=password],.b01-auth input[type=email],.b01-auth select,
#register_form input[type=text],#register_form input[type=password],#register_form input[type=email],
#register_form input[type=tel],#register_form input[type=number],#register_form select,#register_form .frm_input,
#find_info input[type=text],#find_info input[type=email],#find_info select,#find_info .frm_input,
#pw_confirm input[type=password],#pw_confirm .frm_input,
#captcha.m_captcha #captcha_key,#captcha #captcha_key,#captcha .captcha_box,#captcha_key,.captcha_box{
box-sizing:border-box;height:52px;
border:1px solid var(--line);border-radius:12px;
padding:0 18px;font-size:16px;line-height:normal;
background:#fff;color:inherit;
-webkit-appearance:none;outline:0;
transition:border-color .2s}
#mb_login select,.auth select,.b01-auth select,#register_form select,#find_info select{
-webkit-appearance:menulist;appearance:menulist;padding-right:8px}
#mb_login textarea,.auth textarea,.b01-auth textarea,#register_form textarea,#find_info textarea{
box-sizing:border-box;width:100%;min-height:150px;
border:1px solid var(--line);border-radius:12px;
padding:12px 18px;font-size:16px;line-height:1.7;
background:#fff;color:inherit;-webkit-appearance:none;outline:0}
/* 자동등록방지 칸은 좁으니 폭만 따로 둔다 */
#captcha.m_captcha #captcha_key,#captcha #captcha_key,#captcha .captcha_box,#captcha_key,.captcha_box{width:120px;text-align:center;letter-spacing:.2em}
/* 폼을 감싼 fieldset 에 브라우저 기본 테두리(2px groove)가 남아 회색 홈 박스가 그려졌다.
로그인·비밀번호찾기·자동등록방지에서 특히 눈에 띄었다. (2026-08-31 점검) */
#mb_login fieldset,.auth fieldset,.b01-auth fieldset,#fregisterform fieldset,
#register_form fieldset,#find_info fieldset,#pw_confirm fieldset,
fieldset#login_fs,fieldset#info_fs,fieldset#captcha,fieldset.captcha,fieldset.srch,
#fregister fieldset,fieldset.fregister_agree{
border:0;margin:0;padding:0;min-width:0}
/* 약관 동의 체크줄은 위쪽 여백만 남긴다 (2026-09-01 점검) */
#fregister fieldset.fregister_agree,fieldset.fregister_agree{margin-top:14px}
#mb_login legend,.auth legend,.b01-auth legend,#register_form legend,#find_info legend{padding:0}
/* ── 칸 옆 버튼·자동등록방지 줄 정렬 · 2026-08-31 점검 ─────────────────────
'주소 검색' 버튼이 우편번호 칸보다 낮고 한 줄 아래로 밀려 있었고,
자동등록방지는 그림·입력칸·새로고침 버튼의 높이와 윗선이 제각각이었다.
칸 높이(52px)에 맞춰 한 줄로 가지런히 세운다. */
#register_form .btn_frmline,#find_info .btn_frmline,#mb_login .btn_frmline,
.auth .btn_frmline,.b01-auth .btn_frmline,#register_form button.btn_frmline{
box-sizing:border-box;height:52px;padding:0 16px;border-radius:12px;
display:inline-flex;align-items:center;justify-content:center;
vertical-align:top;line-height:1;white-space:nowrap}
#fregisterform #captcha,#captcha{display:flex;flex-wrap:wrap;align-items:center;gap:8px;max-width:100%}
#fregisterform #captcha #captcha_img,#captcha #captcha_img,#captcha img{vertical-align:middle;border-radius:12px;max-width:100%}
/* #captcha_reload 는 브라우저 기본 모양(회색 그라데이션)이라 테마와 겉돌았다 (2026-08-31 점검) */
#fregisterform #captcha #captcha_reload,#captcha #captcha_reload,#captcha button{text-indent:0;overflow:visible;width:auto;white-space:nowrap;background-image:none;background:#fff;color:inherit;border:1px solid var(--line);cursor:pointer;font-size:14px;
box-sizing:border-box;height:52px;min-width:52px;padding:0 12px;border-radius:12px;
display:inline-flex;align-items:center;justify-content:center;line-height:1}
#captcha #captcha_info,#captcha .captcha_info{flex:1 1 100%;margin:6px 0 0;font-size:13px;line-height:1.6}
#captcha #captcha_audio,#captcha audio{flex:1 1 100%;max-width:100%;margin:0 0 6px}
/* legend 가 섹션 제목(h2)과 같은 '자동등록방지' 를 한 번 더 찍어 두 번 나왔다 → 읽기용으로만 남긴다 */
#captcha legend{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;
clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* 안내 문구는 버튼 옆에 끼어 뒤엉켰다 → 늘 아랫줄 전체를 쓰게 한다 */
#fregisterform #captcha #captcha_info,#captcha #captcha_info,#captcha .captcha_info{flex:0 0 100%;min-width:100%}
#captcha #captcha_reload span{display:none}
/* 그누보드 가입양식은 두 칸짜리 줄의 에도 half_input 클래스를 붙인다.
입력칸 모양 규칙(.half_input)이 그 에까지 걸려 비밀번호 줄만 네모 상자가 그려졌다.
줄을 감싸는 에서는 칸 모양을 없앤다. (2026-08-31 점검) */
#register_form li.half_input,#register_form li.full_input,#register_form li.twopart_input,
#register_form li.margin_input,#register_form li.left_input,#register_form li.frm_input{
border:0;background:none;height:auto;padding:0;border-radius:0;box-shadow:none}
/* 반폭 줄(half_input) 안의 입력칸은 그 줄을 꽉 채우게만 한다.
★ 줄의 배치(2열이냐 한 줄이냐)는 테마 디자인이므로 건드리지 않는다 —
display·float·width 를 손댔더니 PC 에서 섹션 카드가 겹쳐 무너졌다. (2026-08-31 점검) */
#register_form li.half_input>input,#register_form li.half_input>.frm_input{width:100%}
/* 우편번호 칸이 줄 전체를 차지해 '주소 검색' 버튼이 아랫줄로 밀렸다.
칸을 줄이고 버튼을 옆에 붙인다. (2026-08-31 점검) */
#register_form #reg_mb_zip,#register_form input[name=mb_zip],#find_info input[name=mb_zip]{
width:150px;max-width:48%;display:inline-block;vertical-align:middle;margin-right:8px}
#register_form #reg_mb_zip+.btn_frmline,#register_form input[name=mb_zip]+.btn_frmline{vertical-align:middle}
/* 라벨 옆 도움말 단추(.tooltip_icon)는 코어가 '설명보기' 글자만 내보내고 아이콘은 테마 몫이다.
그대로 두면 테마마다 빈 동그라미(20×20)이거나 아예 0×0 이라 안 보였다.
물음표 아이콘으로 통일한다. (2026-08-31 점검) */
#register_form .tooltip_icon,.tooltip_icon{
display:inline-flex;align-items:center;justify-content:center;
width:18px;height:18px;min-width:18px;padding:0;margin-left:5px;
border:1px solid var(--line);border-radius:50%;background:none;
font-size:0;line-height:1;vertical-align:middle;cursor:pointer}
#register_form .tooltip_icon::before,.tooltip_icon::before{
content:"?";font-size:11px;font-weight:700;line-height:1;color:inherit}