nav, ul {list-style:none;}

/*intro-wrap*/


#doc {position: relative;width:100%;height:100%; min-width:320px;}


#login_wrap{width:100%;height:100dvh;display:flex;}
.login_cell{width:calc(100% / 2);background:url('/share/boss/img/Login/login_bg_1.jpg') no-repeat center center/100% 100%;}
.org .login_cell{background-image:url('/share/boss/img/Login/login_bg_2.jpg')}
.login_cell .login_tit_box{/*width:21.7rem;*/margin:24.7rem auto;text-align:center;}
.login_cell .login_tit_box .login__tit{font-family:var(--font-point);font-weight:700;font-size:5rem;color:#fff;line-height:1.5;}
.login_cell .login_tit_box .login__stit{font-family:var(--font-point);font-weight:400;font-size:2.4rem;color:#fff;line-height:1.5;}
.login_container_wrap{width:calc(100% / 2);background-color:#fff;}
.login_container{width:460px;max-width:calc(100% - 40px);margin:0 auto;position:relative;top:50%;transform:translateY(-50%);z-index:1;}


/* login_top */
.login_top{position:relative;margin-bottom:4rem;width:100%;text-align:center;}
.login_top .login_logo{width:6.8rem;height:4rem;margin:0 auto 2.7rem auto;}
.login_top .login_logo img{width:100%;height:100%;}
.login_top .stxt{font-family:var(--font-point);font-weight:400;font-size:var(--font-d);}


/* login_cont */
.login_cont{position:relative;width:100%;}
.login_input_box .login__input{width:100%;position:relative;}
.login_input_box .login__input + .login__input{margin-top:1rem;}
.login_input_box .login__input.id::before{content:"";display:block;width:1.3rem;height:1.9rem;background:url('/share/boss/img/Login/id_ico.svg') no-repeat center center/100% 100%;position:absolute;top:50%;left:2rem;transform:translateY(-50%);}
.login_input_box .login__input.pw::before{content:"";display:block;width:1.4rem;height:1.8rem;background:url('/share/boss/img/Login/pw_ico.svg') no-repeat center center/100% 100%;position:absolute;top:50%;left:2rem;transform:translateY(-50%);}
.login_input_box .login__input input{width:100%;height:5rem;padding:1.5rem 2rem 1.5rem 5rem;border:none;background-color:var(--bg-grayB) !important;box-shadow:none;border-radius:5px;}
.login_input_box .login__input input:focus{outline:2px solid #000;}
.login_input_box .login__input.pw .pw_none_btn{position:absolute;top:50%;right:2rem;transform:translateY(-50%);width:1.6rem;height:1.1rem;background:url('/share/boss/img/Login/pw_none.svg') no-repeat center center/100% 100%;}
.login_input_box .login__input.pw .pw_none_btn.active{background:url('/share/boss/img/Login/pw_on.svg') no-repeat center center/100% 100%;}
.login_save{position:relative;margin:4rem 0 5rem 0;}
.login_save input[type="checkbox"]{display:none;}
.login_save input[type="checkbox"]:checked+label::before{background:url('/share/boss/img/Login/checkbox_checked.svg') no-repeat center center/100% 100%;}
.login_save label{display:inline-block;padding-left:2.3rem;font-size:1.4rem;cursor:pointer;vertical-align:middle;}
.login_save label::before{content:"";display:block;width:1.6rem;height:1.6rem;background:url('/share/boss/img/Login/checkbox.svg') no-repeat center center/100% 100%;position:absolute;top:50%;left:0;transform:translateY(-50%);}
.login_btn{width:100%;height:5rem;text-align:center;border-radius:5px;box-shadow:0 2px 10px rgba(0, 0, 0, 0.1);}
.login_btn span{font-size:var(--font-b);font-weight:600;}


/* copyright */
.login_footwrap{width:100%;margin-top:2rem;text-align:center;}
.login_footwrap .foot-copy{font-size:1.4rem;font-weight:400;color:var(--font-gray);}


/* 버튼 추가 */
.login-links {display:flex;flex-wrap:wrap;gap:2rem;align-items:center;padding:4rem 0 5rem}
.login-link-btn {font-size: 1.4rem;}
.login-links .login_save {margin:0 auto 0 0;}


/* 회원가입 - 인증 */
.joinstep-2 {container:joinstep-2 / inline-size;}
.joinstep-2 .inbox {padding:6rem 0;background:#EDF2F8;border-radius:10px;padding:6rem;max-width:51.5rem;margin:0 auto;}
.joinstep-2 .ico {margin:0 auto 2rem;width:7rem;height:7rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;}
.joinstep-2 .ico:before {content:"";display:block;width:2.2rem;height:1.2rem;max-width:100%;max-height:100%;background:url(/share/portal/img/Contents/joinstep-2_ico.svg) no-repeat center center /100% 100%;}
.joinstep-2 .title {text-align:center;margin-bottom:2rem;}
.joinstep-2 .title span {font-size:2.2rem;font-weight:600;text-align:center;line-height:140%;}
.joinstep-2 .stxt {font-size:1.5rem;color:#555;line-height:160%;margin-bottom:2rem;}
.joinstep-2 .chkBox {margin-bottom:3rem;}
.joinstep-2 .btn {width:100%;background:#2673F4;height:5rem;}
.joinstep-2 .btn span {color:#fff;}

.join-agree-provbtn {font-size:1.4rem;color:#2673F4;}

.employNow-ipwrap {display:flex;flex-wrap:wrap;gap:3rem 6rem;align-items:center;}

	@container joinstep-2 (width < 400px) {
		.joinstep-2 .inbox {padding:4rem 3rem;}
	}
	
/* 회원가입 - 정보입력 */
.mng-join {max-width:96rem;margin:0 auto;}

.join-btitle {font-size:2.2rem;margin-bottom:2rem;line-height:120%;font-weight:600;}
.join-title-wrap {display:flex;align-items:center;flex-wrap:wrap;gap:2rem;margin-bottom:1rem;}
.join-title {font-size:1.8rem;margin-bottom:1rem;line-height:140%;}
.join-title-wrap .join-title {margin-bottom:0;}

.join-infolst {display:flex;gap:1rem 2rem;flex-wrap:wrap;}
.join-infolst > li {width:calc(33.3333% - 1.3333rem);display:flex;line-height:160%;position:relative;padding-left:10px;}
.join-infolst > li:before {content:"";display:block;width:4px;height:4px;border-radius:50%;background:#222;position:absolute;top:9px;left:0;}

.ip-birth {display:flex;gap:1rem;align-items:center;}
.ip-birth input {width:6rem;text-align:center;}
.ip-birth input:first-child {width:8rem;}
.ip-phone {display:flex;gap:1rem;align-items:center;}
.ip-phone input {width:8rem;text-align:center;}

input:read-only {background:var(--bg-gray);cursor:default;}
.input-bgbox {background:var(--bg-gray);padding:3rem;border-radius:10px;}
.agree-box + .agree-box {margin-top:3rem;}
.agree-box__title {margin-bottom:1rem;}
.agree-box__title,
.agree-box__title * {font-size:1.4rem;color:var(--font-bgray);}
.agree-box__scr {height:15rem;overflow-y:auto;padding:1.5rem;border:1px solid #C9CFDA;border-radius:5px;background:#fff;}
.agree-box__scr::-webkit-scrollbar {width:12px;}
.agree-box__scr::-webkit-scrollbar-thumb {background:#C9CFDA;}
.agree-box__scr::-webkit-scrollbar-track {background:#EDF2F8;}
.agree-box__scr + .agree-box__scr {margin-top:1rem;}
.agree-box__scr,
.agree-box__scr * {font-size:1.4rem;line-height:160%;}
.agree-box__ip {padding-top:1rem;}
.agree-box__ip .labelTxt,
.agree-box__ip .labelTxt * {font-size:1.5rem;}
.agree-box__ip .labelTxt i {font-style:normal;}
.agree-box .prov-sec__title,
.agree-box .prov__ctxt,
.agree-box .prov-sec__subtitle,
.agree-box .bdot-list > li,
.agree-box .prov-cont-titset dt,
.agree-box .prov-cont-titset dd {font-size:1.4rem;}
.agree-box .txt {font-size:1.4rem;color:var(--font-bgray);}
.agree-box .prov-sec__subtitle {margin-bottom:0.5rem;}
.agree-box .bdot-list {margin-left:0.5rem;}
.agree-box .bdot-list > li:before {width:3px;height:3px;background:var(--font-bgray);}
.agree-box .tnum-list > li {font-size:1.4rem;}

.join-btn {text-align:center;margin-top:4rem;margin-bottom:6rem;}
.join-btn .btn {width:20rem;}


/* 아이디/비밀번호 찾기 */
.find-wrap {width:60rem;margin:0 auto;}
.find-box {background:#EDF2F8;border-radius:10px;padding:3rem;}
.find-box + .find-box {margin-top:2rem;}
.find-box__title {margin-bottom:1rem;}
.find-box__title span {font-weight:600;text-align:center;font-size:1.6rem;}
.find-box__stxt {font-size:1.5rem;color:#555;line-height:160%;margin-bottom:1.5rem;}
.find-box__ip {margin-bottom:1rem;display: grid;grid-template-columns: max-content 1fr;container:find-box__ip / inline-size;}
.find-box__ip > li {background:#fff;height:5rem;padding:0 2rem;border-radius:10px;display: grid;grid-template-columns: subgrid;grid-column: 1 / -1;align-items: center;column-gap: 1rem;row-gap:1rem;}
.find-box__ip > li + li {margin-top:1rem;}
.find-box__ip > li .tit {font-size:1.5rem;}
.find-box__ip input {border:none !important;padding:0 !important;}


/* 팝업 추가 */
.org-mnpop {width: 100%;max-width: 520px;background: #fff;border-radius: 5px;box-shadow: 0 12px 30px rgba(16, 53, 93, 0.12);overflow: hidden;color: #222;position: fixed;top: 10px;left: 10px;z-index:10;}
.org-mnpop__flex {display:flex;width:100%;max-height:calc(100dvh - 20px);flex-direction:column;}

.org-mnpop__head {display: flex;align-items: center;justify-content: space-between;padding: 14px 18px;background: linear-gradient(90deg, #0d469b 0%, #138db8 100%);}
.org-mnpop__head .cache {display:flex;align-items:center;gap:0.5rem;font-size: 1.3rem;font-weight: 500;color: #fff;letter-spacing: -0.03em;cursor:pointer;}
.org-mnpop__head .close {position: relative;width: 28px;height: 28px;border: 0;border-radius: 6px;background: rgba(255, 255, 255, 0.14);cursor: pointer;transition: background 0.2s ease, transform 0.2s ease;}
.org-mnpop__head .close:hover {background: rgba(255, 255, 255, 0.22);}
.org-mnpop__head .close::before,
.org-mnpop__head .close::after {content: "";position: absolute;top: 50%;left: 50%;width: 14px;height: 2px;background: #fff;border-radius: 999px;}
.org-mnpop__head .close::before {transform: translate(-50%, -50%) rotate(45deg);}
.org-mnpop__head .close::after {transform: translate(-50%, -50%) rotate(-45deg);}
.org-mnpop__body {background: #f6f8fb;flex:1;overflow-y:auto;}
.org-mnpop__inwrap {padding: 2rem;}
.org-mnpop__item {margin-bottom: 0.5rem;padding: 1rem 1.5rem;background: #fff;border-radius: 10px;}
.org-mnpop__item:last-child {margin-bottom: 0;}
.org-mnpop__ctitle {position: relative;margin-bottom: 0.5rem;padding-left: 12px;font-size: 1.6rem;font-weight: 700;line-height: 1.6;color: #2673F4;letter-spacing: -0.3px;word-break: keep-all;}
.org-mnpop__ctitle::before {content: "";position: absolute;top: 0.3em;left: 0;width: 4px;height: 14px;border-radius: 4px;background: linear-gradient(180deg, #2673F4 0%, #19a8c7 100%);}
.org-mnpop__ccont {font-size: 1.5rem;line-height: 1.7;letter-spacing: -0.03em;word-wrap:anywhere;overflow-wrap:anywhere;word-break:keep-all;}
.org-mnpop__ccont .item {margin-top: 12px;padding: 14px 15px;background: #f8fbfe;border: 1px solid #dfeaf3;border-radius: 10px;}
.org-mnpop__ccont .item:first-child {margin-top: 0;}
.org-mnpop__ccont .tit {display: inline-block;margin-bottom: 1rem;padding: 4px 10px;background: #eefaf7;border: 1px solid #b2dcdc;border-radius: 999px;font-size: 1.4rem;font-weight: 700;line-height: 1.4;color: #00AEAE;}
.org-mnpop__ccont .tit-flex {display:flex;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom: 1rem;}
.org-mnpop__ccont .tit-flex .tit {margin-bottom:0;}
.org-mnpop__ccont .tit-flex .cont {color:#000;}
.org-mnpop__ccont .cont {font-size: 1.5rem;line-height: 1.6;color: #444;word-break: keep-all;}
.org-mnpop__ccont ul {margin: 8px 0 0;padding: 0;list-style: none;}
.org-mnpop__ccont li {position: relative;margin-top: 6px;padding-left: 11px;font-size: 1.5rem;line-height: 1.6;color: #444;}
.org-mnpop__ccont li:first-child {margin-top: 0;}
.org-mnpop__ccont li::before {content: "";position: absolute;top: 10px;left: 0;width: 4px;height: 4px;border-radius: 50%;background: #999;}

.org-mnpop__contect {padding:2rem;display:flex;justify-content:flex-end;background:#e8f2fb;gap:1rem;}
.org-mnpop__contect .title {display: inline-flex;align-items: center;gap: 0.5rem;font-size: 1.6rem;font-weight: 700;line-height: 1.4;color: #123a72;}
.org-mnpop__contect .title::before {content: "";display: inline-block;width: 18px;height: 18px;background-repeat: no-repeat;background-position: center;background-size: 18px 18px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8 7.5c.6-1.9 2.2-3 4-3s3.4 1.1 4 3' stroke='%23123a72' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 10.5h10a2 2 0 0 1 2 2V16a2.5 2.5 0 0 1-2.5 2.5h-9A2.5 2.5 0 0 1 5 16v-3.5a2 2 0 0 1 2-2Z' stroke='%23123a72' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='M9 14h6' stroke='%23123a72' stroke-width='1.8' stroke-linecap='round'/%3E%3Ccircle cx='9' cy='16.5' r='.9' fill='%23123a72'/%3E%3Ccircle cx='12' cy='16.5' r='.9' fill='%23123a72'/%3E%3Ccircle cx='15' cy='16.5' r='.9' fill='%23123a72'/%3E%3C/svg%3E");
}