@charset "utf-8";

/* 공통 */
#header_wrap { position: sticky; top:0 }
.readonly { background-color:#f7f7f7 !important }
input[type=number]:read-only { color:#AAA }
.fullContent { display:flex; flex-direction: column; min-height: calc(100vh - 188px); } /* 58px → 188px : 운영에서 먼저 바뀐 값. 우리 작업과 무관하니 그대로 살린다 (2026-09-04 병합) */
p.errTxt {color:#FF5854; font-size: 12px; margin-top:10px; }
p.successTxt {color:#1C90E8; font-size: 12px; margin-top:10px; }


/* (공통) 버튼 */
.btBtns {
    left:0; width:100%; display:flex; gap:12px; flex-direction: column;
    padding:12px 20px 0; background:#fff;
    margin-top:auto;
    padding-bottom: 26px;
    padding-bottom: calc(constant(safe-area-inset-bottom) + 26px);
    padding-bottom: calc(env(safe-area-inset-bottom) + 26px);
}
.btBtns.fixed { position: sticky; bottom:0; padding-top:0; background:#00B373; }

button:disabled { background:#EBEBEB !important; border: 1px solid #EBEBEB !important; color:#AAA !important }
button.ok_btn { width:100%; height:48px; display:flex; font-size: 16px; align-items: center; justify-content: center; gap:6px; color:#fff; font-weight: 600; text-align: center; border:0; background:#00B373; border:1px solid #00B373; }
button.ok_btn.test_btn { background:#fff; color:#00B373 }
button.btnLine { width:100%; background:#fff; color:#222; border:1px solid #DFDFDF; }
.btBtns button { width:100%; height:48px; display:flex; align-items: center; justify-content: center; gap:6px; color:#00B373; font-weight: 600; text-align: center; border:0; background:#fff; border:1px solid #00B373; }
.btBtns button.btnBiz { background:#00B373; color:#fff }
.btBtns button.ok_btn { background:#00B373; color:#fff }
.btBtns button.btnJoin::before { content:""; width:20px; height:20px; display:inline-block; background:url(../../images/oneid/my-page.png) no-repeat 0 0 / 100% }
.btBtns button.btnBiz::before { content:""; width:20px; height:20px; display:inline-block; background:url(../../images/oneid/chef.png) no-repeat 0 0 / 100% }
.btBtns .social { margin-top:8px; padding:20px 0 0; position: relative; border-top:1px solid rgba(136, 136, 136, 0.1); }
.btBtns .social::before { content:"또는"; position: absolute; top:0; left:50%; background: #fff; padding:0 5px; line-height:16px; margin-top:-8px; margin-left:-20px; color:rgba(136, 136, 136, 0.3); }
.btBtns button.btnKakao { background:#FEE500; color:rgba(0,0,0,0.8); border:none}
.btBtns button.btnKakao::before { content:""; width:20px; height:20px; display:inline-block; background:url(../../images/oneid/login_kakao.png) no-repeat 0 0 / 100% }


/* (공통) 폼 영역 */
.inputWrap { display:flex; align-items: center; }
.inputWrap input { width:100%; }
.inputWrap span.txt { display:block; min-width:24px; text-align: center; }


/* (공통) 레이어 */
.selectLayerWrap {position: fixed; width:100%; height:0; overflow: hidden; bottom:0; right:0; z-index: 1000; }
.selectLayerWrap::before { content:""; position: absolute; left:0; top:0; right:0; bottom:0; background: rgba(0,0,0,0.5); opacity: 0; transition: 1s; }
.selectLayerWrap .layerBody { position: absolute; bottom:0; left:0; width:100%; transform: translateY(100px); opacity: 0; transition: .4s; background:#fff; border-radius:8px 8px 0 0; }
.selectLayerWrap.show  {top:0; left:0; bottom:0; right:0; height:100%; z-index: 2000; }
.selectLayerWrap.show::before { opacity: 1; }
.selectLayerWrap.show .layerBody {transform: translateX(-50%)  translateY(0) !important; opacity: 1; }
.selectLayerWrap .layerBody .layerHead { height:56px; display:flex; justify-content: center; align-items: center; position: relative; }
.selectLayerWrap .layerBody .layerHead .close {  position: absolute; right:16px; top:16px; width:24px; height:24px; background:url(../../images/icon/close.png) no-repeat 0 0/ 100% }
.selectLayerWrap .layerBody .selectItem { max-height:350px; overflow: auto; padding:0 20px 20px; }
.selectLayerWrap .layerBody .selectItem button { display:block; width:100%; margin-bottom:8px; height:48px; border:1px solid #EBEBEB; }


/* (공통) 영역 */
.oneId_content .btn_box { padding:12px 0; position: sticky; bottom: 0; align-self: flex-end; display:flex; gap:8px; background: #fff; }
.oneId_content .btn_box.fixed { padding:12px 16px; }
/*.oneId_content .btn_box.mt32 { margin-top:32px; }*/
.oneId_content .btn_box .btnLine { max-width:30% }

.oneId_content .infoBox { margin-top:12px; padding:12px 16px 12px 44px; border:1px solid #EBEBEB; color:#828282; background:rgba(247, 247, 247, 0.50) url(../../images/oneid/info.png) no-repeat 16px 50% / 20px }
.oneId_content .btn_box + .infoBox { margin:0; }
.oneId_content .infoTxt { font-size:16px; margin-top:8px; }
.oneId_content a.txtLnk { text-decoration: underline; color:#888; display:inline-block; vertical-align: middle; margin-left:2px; }


/* 가입여부 확인 > 약관 */
.agreeDetail { display:none; background:#F7F7F7; margin-top:8px; padding:20px; line-height:22px; max-height:250px; overflow: auto; }
.agreeDetail.show { display:block; }

.oneId_content .tabCont { padding:32px 20px; }
.oneId_content .tabCont._agree { padding-top:0; padding-bottom:0; min-height:auto }

/* .tabCont { min-height: calc(100vh - 187px); } */
/*.tabCont { min-height: calc(100vh - 500px); }*/
.tabCont .titBox { font-size:20px; line-height:26px; font-weight: 600; }
.tabCont .titBox strong { font-weight: 600; }
.tabCont .titBox .green { color:#00B373; }
.tabCont .titBox p { font-size:16px; margin-top:10px; font-weight: 400; }
.titBox ~ table.tblCom {margin-top:32px; }

ul.fullTab { display:flex; position:sticky; top:56px; width:100%; border-bottom: 1px solid #f7f7f7; background-color: #fff; margin-top:-1px; }
ul.fullTab li { width:100%; height:56px; }
ul.fullTab li a { display:block; width:100%; font-weight: 500; line-height:56px; text-align: center; font-size: 16px; font-weight: 600; color:#222 }
ul.fullTab li.on { font-weight: 600; }
ul.fullTab li.on a { height:57px; border-bottom:2px solid #00B373 }


/* 회원가입 */
/* 회원가입 혜택 안내 — 제목은 텍스트, 혜택 목록은 이미지 한 장 (시안 2026-09-02) */
.join_method { padding:40px 20px 0; text-align:center; }
.join_method .join_benefit { display:block; width:100%; max-width:375px; height:auto; margin:24px auto 0; }
.join_method .tit { font-size:28px; line-height:38px; font-weight: 700; color:#222; letter-spacing:-0.168px; }
.join_method p { margin-top:9px; font-size: 16px; }

.titBox ~ ul.formBox { margin-top:32px; }
ul.formBox li input[type=text],
ul.formBox li input[type=number],
ul.formBox li input[type=password] { width:100%; height:48px; padding:0 16px; border:1px solid #DFDFDF; background:#fff; border-radius: 4px; }
ul.formBox li input[type=text]:read-only,
ul.formBox li input[type=number]:read-only,
ul.formBox li input[type=password]:read-only {}
ul.formBox li input[type=text]:disabled,
ul.formBox li input[type=number]:disabled,
ul.formBox li input[type=password]:disabled { border:1px solid #DFDFDF; background:#F7F7F7 }
ul.formBox li input.btnType { background:url(../../images/icon/bul_select.png) no-repeat right 12px top 50% / auto 24px  }
ul.formBox li input.btnType:disabled { background:#F7F7F7 url(../../images/icon/bul_select.png) no-repeat right 12px top 50% / auto 24px  }
ul.formBox li label { display:block; font-size:14px; font-weight: 500; padding:0 0 5px; }
ul.formBox li label.required::after { content:" *"; color:#00B373; }


/* 가입여부 확인, 회원가입 */
.chkBoxForm { margin-top:12px; }
.chkBoxForm .tit { margin-bottom:8px; font-size:14px; font-weight:500; }
.chkBoxForm label  { display:inline-block; font-size:16px; line-height:24px; }
.chkBoxForm label a.txtLnk { font-size:14px; }
.chkBoxForm.chkAll { margin-top:24px; }
.chkBoxForm.chkAll label { font-weight: 600; }
.chkBoxForm input[type="checkbox"]  { display:inline-block; min-width:24px; width:24px; height:24px; vertical-align:middle;background:url(../../images/common/chk_off4.svg) no-repeat 0 0  / 24px; cursor:pointer; }
.chkBoxForm input[type="checkbox"]:checked  { background:url(../../images/common/chk_on2.svg) no-repeat 0 0  / 24px; }
.chkBoxForm input[type="checkbox"].chk_gray  { border: none !important; }
.chkBoxForm input[type="checkbox"].chk_gray:checked  { background:url(../../images/common/chk_on4.svg) no-repeat 0 0  / 24px; }
.chkBoxForm ul li ~ li  { margin-top:10px; }
.chkBoxForm ul li label  { font-size:16px; }
.chkBoxForm ul li.chkAll label  { font-size:16px; font-weight: 600; }


/* 회원가입, 마이페이지 */
.join_business .box { padding:24px 20px; }
.join_business .box.line { border-top:8px solid #f7f7f7; }
.join_business .c_red { color:#FF5854; font-size: 12px; margin-top:10px; }
.join_business .c_blue { color:#1C90E8; font-size: 12px; margin-top:10px; }
.join_business ul.formBox li { margin-top:12px; }
.join_business ul.formBox li label { color:#888 }
.join_business ul.formBox li .chkBoxForm { margin-top:8px; display:flex; gap:6px; }
.join_business ul.formBox li .chkBoxForm label { color:#888; font-weight: 400; }
.join_business ul.formBox li .inputWrap { position: relative; }
.join_business ul.formBox li .inputWrap ~ .inputWrap { margin-top:8px; }
.join_business ul.formBox li button.search { border:1px solid #DFDFDF; height:48px; font-size:16px; min-width:105px; margin-left:4px; background:#F7F7F7; color:#333 }
.join_business ul.formBox li input[type=file] { position: absolute; right:0; width:105px; height:48px;opacity: 0.01; }

.join_business ul.formBox li .radioWrap { display:flex; }
.join_business ul.formBox li .radioWrap > span { width:100%; display:flex; align-items: center; gap:8px; }
.join_business ul.formBox li .radioWrap > span label { padding:0; }
.join_business ul.formBox li input[type="radio"] { width:24px; height:24px; background:url(../../images/icon/radio_off.png) no-repeat 0 0/100% }
.join_business ul.formBox li input[type="radio"]:checked { background-image:url(../../images/icon/radio_on.png)}

.join_business ul.formBox li .selectWrap { display:flex; gap:4px; }
select { border:1px solid #DFDFDF; padding:0 16px; width:100%; height:48px; font-size: 16px; background:url(../../images/icon/bul_select.png) no-repeat right 12px top 50% / auto 24px }
select:disabled { border:1px solid #DFDFDF; width:100%; background:#F7F7F7 url(../../images/icon/bul_select.png) no-repeat right 12px top 50% / auto 24px ; color:#CCC; }

.join_business .btn_go_merge { width:auto;height:auto;padding:5px 10px;float: right;font-size: 14px;margin-top: -5px; }

button.btnTxt { height:30px; width:100%; text-align: center; font-size:16px; font-weight: 600; color:#888}


/* 가입완료 */
.completeInfo { margin-top:32px; }
.completeInfo table { width:100%; }
.completeInfo table th { height:40px; vertical-align: middle; font-weight: 400; padding:0 20px; text-align: left; background:#E6F7F1; border:1px solid #fff; }
.completeInfo table td { height:40px; vertical-align: middle; font-weight: 400; padding:0 20px; background:#F7F7F7; border:1px solid #fff; }
.join_coplete .btn_box { margin-top:24px; padding:0; }
.join_coplete .btn_box ~ .btn_box { margin-top:12px; }


/* 비밀번호 변경 */
.find_password_reset label { display:block; font-size:14px; font-weight: 500; padding:0 0 5px; color:#888; }
.find_password_reset label.required::after { content:" *"; color:#00B373; }
.find_password_reset .inp_tx input { text-indent:0 }
.find_password_reset .msg { margin-top:10px; font-size: 12px; }
.find_password_reset .msg.c_red { color:#FF5854; }
.find_password_reset .msg.c_blue { color:#1C90E8; }


/* 마이페이지 */
.modify_btn_box { padding:24px 20px; }
.modify_btn_box.line .join_ok_btn { margin-top: 0;}
.modify_btn_box button{height:auto}
/*.my_page button.change{ margin-left:4px; min-width:105px; width:auto }*/
.my_page button.change{ margin-top:8px }


/* 통합전환 가입여부 확인 */
.merge_check .tooltipBox { overflow: hidden; position: relative; width:16px; height:16px; display: inline-block; vertical-align: top; padding:1px 0 0; }
.merge_check .tooltipBox button.tooltip { width:16px; height:16px; background: url(../../images/oneid/info_gr.png) no-repeat 0 0/ 100%; }
.merge_check .tooltipBox span.tooltipLayer { position: absolute; background:#333; color:#fff; height:0; padding:0; line-height:22px; width:300px; margin-top:20px; left:-90px; opacity: 0; border-radius: 4px; }
.merge_check .tooltipBox span.tooltipLayer button.close { position: absolute; width:16px; height:16px; right:12px; top:12px; background: url(../../images/oneid/tooltip_close.png) no-repeat 0 0/ 100%; overflow: hidden; text-indent: -100px; }
.merge_check .tooltipBox.show {  overflow: visible; position: relative; }
.merge_check .tooltipBox.show span.tooltipLayer {   opacity: 1; padding:12px 32px 12px 12px; height:auto  }
.merge_check .tooltipBox.show span.tooltipLayer::before { content:""; position: absolute; width:8px; height:6px; top:-6px; left:94px; background: url(../../images/oneid/tooltip_polygon.png) no-repeat 0 0; }
.merge_check .mt32 {margin-top:32px !important; }







/* 미사용 인 듯. 삭제 예정 */

/*
.conversion_business .btn_box {padding:16px 20px; border-top:8px solid #f7f7f7}
.conversion_business .chkBoxForm.chkAll { margin-top:0; }
.conversion_business .infoBox { margin-top:12px; padding:12px 16px 12px 44px; border:1px solid #EBEBEB; color:#828282; background:rgba(247, 247, 247, 0.50) url(../../images/oneid/info.png) no-repeat 16px 50% / 20px }
.conversion_business .join_business ul.formBox li:first-child {margin-top:0; }



.noDataBox {font-size: 20px; font-weight: 600; }
.noDataBox p {font-size: 16px; margin-top:10px; font-weight: 400; }
*/