/************** 공통 ****************/
/* input[type="date"] 기본 달력 아이콘 제거 (웨일 대응) */
/* input[type="date"]에서 아이콘만 숨기기 */
input[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;         /* 아이콘 안 보이게 */
 
}
/* 혹시 남아있는 배경 제거 */
input[type="date"] {
 background:url('/assets/img/month.png') no-repeat 90% 50% #F3F3F5 ;background-size:22px;}
input[type="date"] {
  appearance: none;
  -webkit-appearance: none;
}

::-webkit-scrollbar {width: 6px;}
::-webkit-scrollbar-thumb {background-color: #A0C1FA;border-radius: 10px;}
::-webkit-scrollbar-track {background-color: transparent; border-radius: 10px;}



#wrap {width: 100%;max-width: 640px;min-height: 100vh;background: #fff;margin: 0 auto;height: 100%;}
.header {width: 100%;background: #fff; position: fixed;top: 0;left: 50%;z-index: 8;display: flex;justify-content: center;max-width: 640px;transform: translate(-50%);}
.header .headerInner {width: 100%;max-width: 640px;height: 70px;display: flex;align-items: center; justify-content:space-between; padding: 0 30px;box-sizing: border-box;}
.header .headerInner .left {display:flex; gap:5px; align-items:center;}
.header .headerInner .right {display:flex; align-items:center; gap:5px;}
.header .headerInner .home {background:url('/assets/img/home.png')no-repeat; background-position:center 30%; background-size:26px; width:40px; height:40px;}
.header .headerInner .mypage {background:url('/assets/img/my.png')no-repeat; background-position:center 30%; background-size:21px; width:40px; height:40px;}
.header .headerInner .logout {background:url('/assets/img/logout.png')no-repeat;background-position:center 30%; background-size:24px; width:40px; height:40px;}
.header .headTit {color:#44454E; padding-left:15px; font-size:25px;}
.inputBox {margin-bottom:15px;height:60px;}

/*인풋텍스트*/
.inputBox .inputText { width: 100%;padding:15px 15px 15px 30px;font-size:17px; height:100%;border:none;background:#F3F3F5;border-radius:12px;box-sizing:border-box;font-weight:400;}
.inputBox .inputText.prt::placeholder{font-family:'Pretendard';color:#9D9D9D;}
.inputBox .inputText::placeholder {font-size:17px; color:#9D9D9D;}
.inputBox .inputText[name=birthday] {flex: 1;width: 100%;padding: 15px 85px 15px 30px;font-size: 17px;height: 100%;border: none;background: url(/assets/img/month.png) no-repeat 95% 50% #F3F3F5;border-radius: 12px;box-sizing: border-box;font-weight: 400;height: 60px;background-size: 22px;cursor: pointer;}
/*라디오*/
.inputRadio {position: relative; }
.inputRadio .radioBox {display:flex; gap:50px;}
.inputRadio input[type=radio] { position: absolute; opacity: 0; z-index: -1; appearance: none; }
.inputRadio label { position: relative; padding-left: 30px; display: inline-flex; align-items: center; cursor: pointer; color: #333; font-size: 20px; }
.inputRadio label::before, .inputRadio label::after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); border-radius: 50%; transition: all 0.3s ease; }
.inputRadio label::before { left: 0; width: 20px; height: 20px; background: #fff; border: 2px solid #ccc; box-sizing: border-box; }
.inputRadio label::after { left: 5px; width: 10px; height: 10px; background: transparent; }
.inputRadio input[type=radio]:checked + label::after { background: #5943F8; }
.inputRadio input[type=radio]:checked + label::before { border-color: #5943F8; box-shadow: 0 0 8px rgba(103, 67, 238, 0.5); }
.inputRadio input[type=radio]:hover + label::before { box-shadow: 0 0 6px rgba(103, 67, 238, 0.3); }
.inputRadio input[type=radio]:checked + label { color:#5943F8; }

@media (max-width:580px) {
	.header .headTit {font-size:20px;}
	.header .headerInner {height:60px; padding:0 10px;}
	.header .headerInner .back img {width:12px;}
	.inputRadio label {font-size:17px;}
	.header .headerInner .logout {width:30px; height:30px; background-size:20px; background-position:center 40%;}
	.header .headerInner .mypage {width:30px; height:30px; background-size:16px; background-position:center 41%;}
	.header .headerInner .home {width:30px; height:30px; background-size:22px;}
}
@media (max-width:480px) {
	.header .headerInner {padding:0 20px;}
	.header .headerInner .back img {width:12px;}
	.header .headTit {font-size:18px;}
	.inputBox {height:50px;}
	.inputBox .inputText {font-size:16px; border-radius:8px; padding:15px;}
	.inputBox .inputText::placeholder {font-size:15px;}
	.inputRadio label {font-size:16px;}
	.header .headerInner .logout  { background-size:19px;}
	.header .headerInner .mypage {width:30px; height:30px; background-size:14px; background-position:center 40%;}
	.header .headerInner .home {background-size:19px; background-position:center 40%;}
	
}

@media (max-width:420px) {
	.header .headerInner .back img {width:10px;}
}
@media (max-width:400px) {
	.header .headerInner {height:50px;}
	.inputBox {margin-bottom:10px;}
	
}

/************** 로그인 ****************/
.loginWrap{width: 100%;max-width: 640px; display:flex; margin: 0 auto;min-height: 100%;background: url('/assets/img/login_bg.png') no-repeat center top #fff;background-size: cover;box-sizing: border-box;padding:80px; background-position:bottom;}
.loginWrap .loginContent{width:100%;display:flex;flex-direction:column;justify-content:space-between;flex:1;text-align:center;}
.loginWrap .top {display:flex;flex-direction:column;align-items:center;}
.loginWrap .top .brandName img {width:100%;}
.loginWrap .top .loginDesc{padding:40px 0 15px 0;font-size:27px;line-height:1.4;}
.loginWrap .top .subDesc{font-size:1.4rem;font-weight:300;color:#7C808E;}
.loginWrap .loginForm{display:flex;flex-direction:column;width:100%;margin-top:60px;}
.loginWrap .loginForm .checkBoxWrap{display:flex;gap:14px;align-items:center;margin-top:10px;}
.loginWrap .loginForm .checkLabel{font-size:17px;color:#888;}
.loginWrap .loginForm .inputCheck{appearance:none;-webkit-appearance:none;width:25px;height:25px;background:url('/assets/img/no_check.png') no-repeat center center;background-size:100% 100%;cursor:pointer;margin:0;flex-shrink:0;}
.loginWrap .inputCheck:checked{background-image:url('/assets/img/checked.png');}
.loginWrap .inputCheck:checked+.checkLabel{color:#000;}
.loginWrap .bottom{margin-top:50px;display:flex;flex-direction:column;width:100%;}
.loginWrap .bottom .loginBtn{width:100%;height:60px;background:#5943F8;color:#fff;font-size:22px;border:none;border-radius:12px;cursor:pointer;margin-bottom:20px;}
.loginWrap .bottom .linkWrap{display:flex;justify-content:center;}
.loginWrap .bottom .linkText{position:relative;color:#616669;text-decoration:none;font-weight:400;font-size:17px;display:flex;align-items:center;justify-content:center;}
.loginWrap .bottom .linkText:not(:last-child)::after{content:'';width:1px;height:12px;background:#ccc;margin:0 20px;}
.loginWrap .bottom .linkText.joinBtn {color:#5943F8;}
.brandName {display:flex; flex-direction:column; gap:15px; justify-content:center; align-items:center;}
.brandName p { font-size:40px;font-weight:800;background:linear-gradient(90deg, #6C40F8 0%, #5c5eff 50%, #2b3e9e 100%);background-size:200% 100%;animation:brandGrad 4s linear infinite;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;}
  
  @keyframes brandGrad{
  0%{background-position:0% 0;}
  100%{background-position:200% 0;}
}
  
.brandName span {color:#6d6d6f; font-size:35px;}
.logoWrap {display:flex; flex-wrap:wrap; gap:20px 30px; padding-top:50px; align-items:center; justify-content:center;}
.logoWrap img {height:40px; width:auto;}


@media (max-width:580px) {
	.loginWrap {padding:70px 50px 50px;}
	.loginWrap .top .loginDesc {font-size:25px; line-height:1.4;}
	.loginWrap .top .brandName img {width:280px;}
	.brandName p {font-size:33px;}
	.brandName span {font-size:30px;}
	.logoWrap img {height:30px;}
}

@media (max-width:480px) {
	.loginWrap {padding:30px; display:block;}
	.loginWrap .top .loginDesc {font-size:19px; padding:40px 0 10px 0;}
	.loginWrap .top .subDesc {font-size:16px;}
	.loginWrap .loginForm {margin-top:40px;}
	.loginWrap .loginForm .checkBoxWrap {margin-top:5px; gap:9px;}
	.loginWrap .loginForm .checkLabel {font-size:15px;}
	.loginWrap .loginForm .inputCheck {width:20px; height:20px;}
	.loginWrap .bottom {margin-top:30px;}
	.loginWrap .bottom .linkText {font-size:14px;}
	.loginWrap .bottom .linkText:not(:last-child)::after {margin:0 15px;}
	.loginWrap .bottom .loginBtn {height:50px; font-size:18px; border-radius:8px;}
	.brandName {gap:11px;}
	.brandName p {font-size:30px;}
	.brandName span {font-size:26px;}
	.inputBox .inputText[name=birthday].joinBirth {font-size: 16px;border-radius: 8px;padding: 15px; height:50px; background-size:18px;}
}

@media (max-width:400px) {
	.loginWrap {padding:20px;}
	.loginWrap .top {padding-top:20px;}
	.loginWrap .top .loginDesc {line-height:1.3;}
	.loginWrap .bottom .loginBtn {margin-bottom:15px; font-size:16px;}
	.brandName span {font-size:27px;}
	.logoWrap {gap:15px;}
}

@media (max-width:360px) {
	.loginWrap {padding:15px;}
}

@media (max-width:320px) {
	.fs-14 {font-size:12px !important;}
}

/************** 회원가입 ****************/
.joinWrap { width: 100%; max-width: 640px; margin: 0 auto; min-height: 100%; height: auto; background: #fff; box-sizing: border-box; padding: 90px 40px 40px; }
.joinWrap .joinTit { font-size: 30px; font-weight: 700; }
.joinWrap .joinForm { margin-top: 40px; display: flex; flex-direction: column; gap: 25px; }
.joinWrap .joinForm .form { display: flex; flex-direction: column; gap: 8px; }
.joinWrap .joinForm .inputBox { margin-bottom: 0; position: relative; }
.joinWrap .joinForm .inputBox .checkBtn { position: absolute; bottom: 20px; right: 20px; font-size: 16px; color: #5943F8; font-weight: 400; }
.joinWrap .joinForm .inputBox .checkBtn2 { position: absolute; bottom: 20px; right: 20px; font-size: 16px; color: #2D2B3B; font-weight: 400; }
.joinWrap .joinForm .inputBox .checkBtn3 { position: absolute; bottom: 20px; right: 20px; font-size: 16px; color: #FF5E5E; font-weight: 400; }
.checkInputBox { padding: 15px 95px 15px 30px; }
.checkInput2Box { padding: 15px 140px 15px 30px; }
.joinWrap .joinForm .formLabel { display: flex; gap: 3px; }
.joinWrap .joinForm .req { color: #FF5E5E; font-size: 22px; }
.joinWrap .joinIn { width: 100%; height: 60px; background: #5943F8; color: #fff; font-size: 22px; border: none; border-radius: 12px; cursor: pointer; margin-top: 50px; }
.joinWrap .joinIn img { margin-right: 10px; width: 26px; }
.termsWrap { width: 100%; height: auto; background: #fff; padding-top: 30px; border-top: 1px solid #e0e0e0; margin-top: 30px; }
.termsWrap .title { font-weight: 700; font-size: 25px; padding-bottom: 20px; }
.termsWrap .checkBoxWrap { display: flex; gap: 14px; align-items: center; justify-content: space-between; padding-bottom: 20px; }
.termsWrap .checkBoxWrap .checkLabel { font-size: 20px; line-height:1.3; color: #000; cursor: pointer; }
.termsWrap .checkBoxWrap .inputCheck { appearance: none; -webkit-appearance: none; width: 30px; height: 30px; background: url('/assets/img/no_checked2.png') no-repeat center center; background-size: 100% 100%; cursor: pointer; margin: 0; flex-shrink: 0; }
.termsWrap .checkBoxWrap .inputCheck:checked { background-image: url('/assets/img/checked2.png'); }
.termsWrap .agreeList { display: flex; flex-direction: column; gap: 5px; }
.termsWrap .agreeList .checkBoxWrap { margin-top: 0; }
.termsWrap .checkBoxWrap .checkLabel { font-size: 20px; font-weight: 300; color: #585858; display: flex; gap: 5px; cursor: pointer; }
.termsWrap .checkBoxWrap .inputCheck { width: 30px; height: 30px; }
.termsWrap .agreeList .essential { color: #000; font-weight: 400; }
.welcomeWrap { display: none; position: fixed; top: 0; left: 50%; transform: translateX(-50%); width: 100%; max-width: 640px; height: 100%; z-index: 9998; }
.welcomeWrap .dimmed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); }
.welcomePop { position: absolute; top: 50%; left: 50%; width: 400px; max-width: 90%; background: #fff; border-radius: 20px; padding: 40px 30px 30px; transform: translate(-50%, -50%); text-align: center; z-index: 9999; }
.welcomePop img { width: 200px; margin: 0 auto 20px; }
.welcomePop .tit { font-size: 27px; font-weight: 700; margin-bottom: 10px; }
.welcomePop .desc { font-size: 20px; color: #666; margin-bottom: 30px; font-weight: 300; }
.welcomePop .confirmBtn { width: 100%; height: 55px; background: #5943F8; color: #fff; border: none; border-radius: 10px; font-size: 18px; cursor: pointer; }
.agreeWrapPopup { display: none; position: fixed; top: 0; left: 50%; transform: translateX(-50%); width: 100%; max-width: 640px; height: 100%; z-index: 9998; }
.agreeWrapPopup .dimmed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); }
.agreePop { position: absolute; top: 50%; left: 50%; width: 90%; max-width: 90%; background: #fff; border-radius: 20px; padding: 40px 30px 30px; transform: translate(-50%, -50%); z-index: 9999; max-height: calc(100vh - 100px); overflow-y: auto;}
.agreePop .tit { font-size: 27px; font-weight: 700; margin-bottom: 10px; text-align:center;}
.agreePop .desc { font-size: 17px; line-height:1.4; color: #666; margin-bottom: 30px; font-weight: 300; }
.agreePop .desc p {word-break: keep-all; overflow-wrap: anywhere;word-wrap: break-word;}
.agreePop .confirmBtn { width: 100%; height: 55px; background: #5943F8; color: #fff; border: none; border-radius: 10px; font-size: 18px; cursor: pointer; }

.termsWrap .checkBoxWrap .checkLabel.agreeF {font-weight:400;}

@media (max-width:580px) {
	.joinWrap {padding:80px 30px 30px;}
	.joinWrap .joinTit {font-size:25px;}
	.joinWrap .joinForm {margin-top:30px;}
	.joinWrap .joinForm .formLabel {font-size:17px;}
	.joinWrap .joinForm .req {font-size:20px;}
}

@media (max-width:480px) {
	.joinWrap {padding:70px 20px 20px;}
	.joinWrap .joinTit {font-size:22px;}
	.joinWrap .joinIn {height: 50px;font-size: 18px;border-radius: 8px;}
	.joinWrap .joinForm {gap:18px;}
	.joinWrap .joinForm .form .inputBox .checkBtn {bottom:15px; right:10px; font-size:14px;}
	.joinWrap .joinForm .form .inputBox .checkBtn2 {bottom:15px; right:10px; font-size:14px;}
	.inputText.checkInput {padding:15px 85px 15px 15px;}
	.inputText.checkInput2 {padding:15px 110px 15px 15px;}
	.joinWrap .joinForm .formLabel {font-size:16px;}
	.welcomePop {width:90%;}
	.welcomePop .tit {font-size:24px; margin-bottom:12px;}
	.welcomePop .desc {font-size:18px;}
	.termsWrap .title {font-size:20px;}
	.termsWrap .checkBoxWrap .checkLabel {font-size:17px;}
	.termsWrap .checkBoxWrap .inputCheck {width:25px; height:25px;}
	.termsWrap .checkBoxWrap {padding-bottom:10px;}
	.termsPop .tit {font-size:22px;}
	.termsPop .desc {font-size:18px;}
	.marketingPop .tit {font-size:22px;}
	.marketingPop .desc {font-size:18px;}
}

@media (max-width: 400px) {
	.joinWrap .joinIn {font-size: 16px;}
	.joinWrap .joinIn img {width:20px;}
	.welcomePop img {width:150px;}
	.termsWrap .checkBoxWrap .checkLabel {font-size:18px;}
	.termsWrap .checkBoxWrap .inputCheck {width:25px; height:25px;}
	.termsWrap .agreeList .checkBoxWrap {padding-bottom:10px;}
	.termsWrap .agreeList .checkBoxWrap .checkLabel {font-size:16px;}
	.termsWrap .checkBoxWrap {padding-bottom:15px;}
}

@media (max-width:360px) {
	.termsWrap .checkBoxWrap .checkLabel {font-size:16px;}
	.termsWrap .checkBoxWrap .inputCheck {width:22px; height:22px;}
	.termsWrap .agreeList {padding-top:20px;}
	.termsWrap .checkBoxWrap .checkLabel {font-size:15px;}
	.termsWrap .checkBoxWrap .inputCheck {width:22px; height:22px;}
	.termsWrap .title {padding-bottom:0;}
}

/************** 비밀번호 찾기 ****************/
.findWrap {position: relative;padding: 80px;max-width: 640px;margin: 0 auto;background: #fff;min-height: 100vh;height: 100%;}
.findWrap .findCloseBtn {position: absolute;top: 20px;right: 30px;width: 24px;height: 24px;background: url(/assets/img/closeIcon.png) no-repeat center;border: none;cursor: pointer;}
.findWrap .findInner {display: flex;flex-direction: column;gap: 40px;}
.findWrap .findTitle {font-size: 30px;font-weight: 700;text-align: center;}
.findWrap .findForm {display: flex;flex-direction: column;gap: 30px;}
.findWrap .findBox {display: flex;flex-direction: column;gap: 20px;}
.findWrap .findFormRow {display: flex;flex-direction: column;gap: 10px;}
.findWrap .findInput2 {width:100%;padding:15px 100px 15px 0;}
.findWrap .findInputBox {width: 100%;padding: 15px;font-size: 17px;height: 100%;border: none;background: #F3F3F5;border-radius: 12px;box-sizing: border-box;font-weight: 400;position:relative;height:60px;}
.inputBox .inputText {padding:0 20px;}
.findWrap .findBtn {position: absolute;font-size: 16px;color: #2D2B3B;font-weight: 400;width:auto;background:transparent;top:50%;right:20px;transform:translateY(-50%);}
.findWrap .findBtnBox {margin-top: 20px;}
.findWrap .findMainBtn {width: 100%;height: 60px;background: #5943F8;color: #fff;font-size: 20px;border-radius: 12px;}
.findWrap .noFindBtn {width: 100%;height: 60px;background: #aeaeb1;color: #555;font-size: 20px;border-radius: 12px;}

@media (max-width:580px) {
	.findWrap {padding: 80px 30px;}
	.findWrap .findInputBox {height:50px; border-radius:8px;}
	.findWrap .findLabel {font-size: 17px;}
	.findWrap .findTitle {font-size: 25px;}
	.findWrap .findBtn {width: auto;font-size: 15px;right:15px;}
	.findWrap .findInput2 {width: 100%;}
	.inputBox .inputText {padding:0 5px;}
	.inputBox .inputText::placeholder {font-size:13px;}
}

@media (max-width:480px) {
	.findWrap {padding: 50px 20px 20px 20px;}
	.findWrap .findBtn {height: 40px;border-radius: 8px;font-size: 13px;}
	.findWrap .findMainBtn {font-size: 18px;border-radius: 8px;height: 50px;}
	.findWrap .noFindBtn {font-size: 18px;border-radius: 8px;height: 50px;}
	.inputBox .inputText {font-size:14px;}
	.reset-title {font-size: 16px !important;margin-bottom: 10px !important;}
	.reset-container .reset-input {margin: 8px 0 !important;font-size: 12px !important;width: 230px !important;}
}

@media (max-width:420px) {
	.findWrap .inputBox .inputText {padding:0;}
}

/************** 아이디 찾기 ****************/
.findWrap {position: relative;padding: 80px;max-width: 640px;margin: 0 auto;background: #fff;min-height: 100vh;height: 100%;}
.findWrap .findCloseBtn {position: absolute;top: 20px;right: 30px;width: 24px;height: 24px;background: url(/assets/img/closeIcon.png) no-repeat center;border: none;cursor: pointer;}
.findWrap .findInner {display: flex;flex-direction: column;gap: 40px;}
.findWrap .findTitle {font-size: 30px;font-weight: 700;text-align: center;}
.findWrap .findForm {display: flex;flex-direction: column;gap: 30px;}
.findWrap .findBox {display: flex;flex-direction: column;gap: 20px;}
.findWrap .findFormRow {display: flex;flex-direction: column;gap: 10px;}
.findWrap .findInputBox {width: 100%;padding: 15px;font-size: 17px;border: none;background: #F3F3F5;border-radius: 12px;box-sizing: border-box;font-weight: 400;position: relative;height: 60px;}
.inputBox .inputText {padding:0 20px;}
.findWrap .findBtn {position: absolute;font-size: 16px;color: #2D2B3B;font-weight: 400;width: auto;background: transparent;top: 50%;right: 20px;transform: translateY(-50%);}
.findWrap .findBtnBox {margin-top: 20px;}
.findWrap .findMainBtn {width: 100%;height: 60px;background: #5943F8;color: #fff;font-size: 20px;border-radius: 12px;}
.findWrap .noFindBtn {width: 100%;height: 60px;background: #aeaeb1;color: #555;font-size: 20px;border-radius: 12px;}

@media (max-width:580px) {
	.findWrap {padding: 80px 30px;}
	.findWrap .findLabel {font-size: 17px;}
	.findWrap .findTitle {font-size: 25px;}
	.findWrap .findBtn {width:auto;font-size: 15px;}
	.findWrap .findInputBox {height:50px; border-radius:8px;}
	.inputBox .inputText {padding:0 10px;}
	.inputBox .inputText::placeholder {font-size:13px;}
}

@media (max-width:480px) {
	.findWrap {padding: 50px 20px 20px 20px;}
	.findWrap .findBtn {height: 50px;border-radius: 8px;font-size: 13px;}
	.findWrap .findMainBtn {font-size: 18px;border-radius: 8px;height: 50px;}
	.findWrap .noFindBtn {font-size: 18px;border-radius: 8px;height: 50px;}
	.inputBox .inputText {font-size:14px;}
}

@media (max-width:420px) {
	.inputBox .inputText {padding:0;}
}



/************** 이력서 관리 ****************/
.resumeWrap { width: 100%; background:#fff; height:auto; max-width: 640px; margin: 0 auto; padding:90px 40px 40px; box-sizing: border-box; display:flex; flex-direction:column; }
.resumeWrap .resumeTop { height:170px; gap:10px;display: flex; flex-direction:column; align-items: flex-start; justify-content:center; background:url(/assets/img/resume_icon.png)no-repeat #EEF0FF; border-radius: 20px; padding: 40px 50px; margin-bottom: 20px; background-position: 87% center;}
.resumeWrap .resumeTop .name { font-size: 27px; color: #333; line-height: 1.4; font-weight:400; }
.resumeWrap .resumeTop .resumeCnt {font-size:30px;  font-weight: 700; }
.resumeWrap .resumeTop .num { color: #5943F8;}
.resumeWrap .resumeTop img { width: 40px; }
.resumeWrap .resumeList { display: flex; flex-direction: column; gap: 15px; }
.resumeWrap .resumeItem { background: #fff; border: 2px solid #ECEDF0; border-radius: 12px; padding: 15px 20px; position:relative;}
.resumeWrap .resumeItem .date {display:flex; align-items:center; gap:12px; font-size: 18px; color: #000; margin-bottom: 14px; width:calc(100% - 60px);}
.resumeWrap .resumeItem .date .nx1 {font-weight:600; color: #5943F8; font-size:17px; }
.resumeWrap .resumeItem .desc { font-size: 20px; color: #000; font-weight: 700; line-height:1.3;}
.resumeWrap .btnWrap { display: flex; gap: 10px; margin-top:30px; }
.resumeWrap .btnWrap .delBtn { flex: 1; height: 50px; font-size: 18px; background: #F3F3F5; border-radius:8px; color:#3E4355; display: flex; align-items: center; justify-content: center; gap: 5px; cursor: pointer; }
.resumeWrap .btnWrap .editBtn { flex: 1; height: 50px; font-size: 18px; border-radius: 8px; color:#3E4355;background: #F3F3F5; display: flex; align-items: center; justify-content: center; gap: 5px; cursor: pointer; }
.resumeWrap .btnWrap .delBtn img {width:18px; margin-top:-2px; margin-right:5px;}
.resumeWrap .btnWrap .editBtn img {width:20px; margin-right:5px;}
.resumeWrap .addBtn { width: 100%;height: 60px;color:#fff; display:flex; align-items:center; justify-content:center; gap:10px; font-size: 22px;cursor: pointer;margin-top: 30px;background:#5943f8;border-radius: 12px;}
.resumeWrap .addBtn img {width:24px; margin-right:8px;}
.resumeLabel {font-size:15px;  padding-bottom:10px; width:100%; display:flex; justify-content:flex-end;}
.resumeWrap .resumeItem .rwBtnBox {position:absolute; top:9px; right:15px; display:flex; gap:5px;}
.resumeWrap .resumeItem .rwBtnBox .iBtn {width: 30px;height: 30px;border-radius: 30px;display:flex; align-items:center; justify-content:center;}
.resumeWrap .resumeItem .rwBtnBox .iBtn img {width:5px;}
.resumeWrap .resumeItem .rwBtnBox .dpBtn {width:30px; height:30px; border-radius:30px; background:#363741; display:flex; align-items:center; justify-content:center;}
.resumeWrap .resumeItem .rwBtnBox .dpBtn img {width:17px;}

	


@media (max-width:580px) {
.resumeWrap {padding:90px 30px 30px;}
.resumeWrap .resumeTop {height:150px; background-size:100px;}
.resumeWrap .resumeTop .name {font-size:24px;}
.resumeWrap .resumeTop .resumeCnt {font-size:26px;}
.resumeWrap .resumeItem {border:1px solid #ecedf0;}
.resumeWrap .resumeItem .date {font-size:17px;}
.resumeWrap .resumeItem .desc {font-size:18px; font-weight:500;}
}

@media (max-width:480px) {
.resumeWrap {padding:60px 20px 20px;}
.resumeWrap .resumeTop {padding:40px;}
.resumeWrap .addBtn {height: 50px;font-size: 18px;border-radius: 8px;}
.resumeWrap .addBtn img {width:20px;}
.resumeWrap .btnWrap .delBtn {height:45px; border-radius:6px; font-size:16px;}
.resumeWrap .btnWrap .editBtn {height:45px; border-radius:6px; font-size:16px;}
.resumeWrap .btnWrap .delBtn img {width:15px;}
.resumeWrap .btnWrap .editBtn img {width:17px;}
.resumeLabel {font-size:14px;}
.resumeWrap .resumeItem .date {font-size:15px; line-height:1;}
.resumeWrap .resumeItem .date .nx1 {line-height:1; font-size:15px;}
.resumeWrap .resumeItem .rwBtnBox {gap:7px; top:10px;}
.resumeWrap .resumeItem .rwBtnBox .iBtn {width:25px; height:25px; border:none; background:#e0e0e0; border-radius:3px;}
.resumeWrap .resumeItem .rwBtnBox .dpBtn {width:25px; height:25px; border-radius:3px;}
}

@media (max-width:400px) {
.resumeWrap .resumeTop {height:130px; padding:30px; background-position:86% center; background-size:80px; gap:8px; margin-bottom:15px;}
.resumeWrap .resumeTop .name {font-size:19px;}
.resumeWrap .resumeTop .resumeCnt {font-size:21px;}
.resumeWrap .resumeItem {padding:15px;}
.resumeWrap .resumeItem .desc {font-size:15px;}
.resumeWrap .resumeList {gap:10px;}
.resumeWrap .btnWrap {gap:8px;}
.resumeWrap .btnWrap .delBtn {height:40px; border-radius:6px; font-size:14px;}
.resumeWrap .btnWrap .editBtn {height:40px; border-radius:6px; font-size:14px;}
.resumeWrap .btnWrap .delBtn img {width:15px; margin-right:3px;}
.resumeWrap .btnWrap .editBtn img {width:17px; margin-right:3px;}
.resumeWrap .addBtn {font-size:16px;}
.resumeWrap .addBtn img {width:17px; margin-right:6px;}
.resumeLabel {font-size:13px;}
.resumeWrap .resumeItem .date .nx1 {font-size:13px;}
.resumeWrap .resumeItem .date {flex-direction:column; align-items:flex-start; gap:7px; font-size:13px;}

}

@media (max-width:360px) {
	
}

/************** 이력서 등록 ****************/
.writeWrap {width: 100%; height:auto; background:#F3F3F5; max-width: 640px; margin: 0 auto; padding:120px 40px 40px; min-height:100vh; box-sizing: border-box; display:flex; flex-direction:column; justify-content:space-between; gap:40px;}
.writeWrap .wWrap {display:flex; flex-direction:column;gap:50px;}
.writeWrap .wTop {display:flex; gap:40px;}
.writeWrap .wTop .imgBox {width:180px; height:180px; border-radius:70px; box-shadow:0 0 12px 3px #e3e3e3; overflow:hidden; display:flex; align-items:center; justify-content:center;}
.writeWrap .wTop .imgBox img {width:100%; height:100%; object-fit:cover;}
.writeWrap .wTop .imgBox .noImage {width:43%; height:auto;}
.writeWrap .wTop .txtBox {display:flex; align-items:center; width:calc(100% - 220px); position:relative;}
.writeWrap .wTop .txt {display:flex; gap:14px; flex-direction:column; padding-top:30px;}
.writeWrap .wTop .named {font-size:30px; font-weight:700;}
.writeWrap .wTop .subDesc {color:#4C4F5E; font-size:24px;}
.writeWrap .wTop .plusBtn {position:absolute; top:0; right:0; background:#393D52; width:38px; height:38px; border-radius:9px; display:flex; align-items:center; justify-content:center;}
.writeWrap .wCont {display:flex; flex-direction:column; gap:20px;}
.writeWrap .wCont .box {background:#fff; padding:25px 20px; border-radius:20px;}
.inputBox.inputBoxWhite {margin-bottom:0;}
.inputBox.inputBoxWhite .inputText {background:#fff;  border:2px solid #ECEDF0; padding:15px 15px 15px 20px;}
.writeWrap .wCont .form {display:flex; flex-direction:column; gap:20px;}
.writeWrap .wCont .labelname {display:flex; justify-content:space-between; align-items:center;}
.writeWrap .wCont .labelname .title {font-size:20px;}
.writeWrap .wCont .labelname .star {color:#FF5E5E; padding-left:4px;}
.writeWrap .wCont .labelname .number {color:#5943F8;}
.writeWrap .tabBox .tabMenu { display: flex; width: 100%; background: #F2F3FA; height:60px; border-radius: 12px; overflow: hidden; }
.writeWrap .tabBox .tabBtn {font-size:20px; flex: 1; padding: 12px 0; color: #B4B7C8; background: transparent; border:2px solid #f2f3fa; cursor: pointer; transition: 0.3s; }
.writeWrap .tabBox .tabBtn.active { background: #fff; color: #5943F8; font-weight: 700; border: 2px solid #5943F8; border-radius:12px; }
.writeWrap .tabBox .tabContWrap { margin-top: 20px; }
.writeWrap .tabBox .tabCont {display: none; background: #fff; }
.writeWrap .tabBox .tabCont.active { display: block; }
.writeWrap .tabBox .tabText { font-size: 16px; margin-bottom: 15px; color: #333; }
.writeWrap .careerBox { display: flex; flex-direction: column; gap: 10px; }
.writeWrap .careerBox .history {color:#4C4F5E;}
.writeWrap .careerBox .his {color:#5943F8;}
.writeWrap .careerBox .company {display:flex; justify-content:space-between; align-items:center;  width:calc(100% - 30px);}
.writeWrap .careerBox .career {border:2px solid #ECEDF0; border-radius:10px; position:relative; padding:20px; display:flex; gap:15px; flex-direction:column;}
.writeWrap .careerBox .comTxt {font-size:20px; color:#000;}
.writeWrap .careerBox .btnBox {display:flex; gap:10px; position:absolute; top:20px; right:20px; flex-direction:column; width:30px;}
.writeWrap .careerBox .btnBox img {width:20px;}
.writeWrap .careerBox .date {color:#4C4F5E; font-size:16px; display:flex; flex-direction:column;}
.writeWrap .careerBox .busi {padding-top:8px;}
.writeWrap .careerBox .career .txt {color:#4C4F5E; font-size:16px; overflow: hidden; width:calc(100% - 30px); text-overflow: ellipsis;white-space: normal;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight:300; line-height:1.3;}
.hopeJobEdit img {width:20px;}
.writeWrap .wCont .plusBtn {background:#393D52; width:30px; height:30px; border-radius:6px; display:flex; align-items:center; justify-content:center;}
.writeWrap .wCont .plusBtn img {width:14px;}
.writeWrap .skillBox {display: flex;flex-wrap: wrap;gap: 8px;}
.writeWrap .skillTag {display: flex;align-items: center;background: #E8EDFF;color: #333;font-size: 15px;padding: 6px 10px;border-radius: 6px;}
.writeWrap .skillTag .delBtn {background: none;border: none;margin-left: 6px;padding: 0;cursor: pointer;display: flex;align-items: center;}
.writeWrap .skillTag .delBtn img {width: 17px;height: 17px;}
.writeWrap .skillEmpty {width: 100%;color: #999;font-size: 15px;}
.writeWrap .carAddBtn {border:2px solid #dadbdf; border-radius:8px; border-style:dashed; height:50px; display:flex; align-items:center; justify-content:center;}
.writeWrap .wBtnWrap {width:100%; gap:10px; display:flex;}
.writeWrap .wBtnWrap .viewBtn {width:50%; height:60px; border-radius:8px; background:#201E30; color:#fff; display:flex; align-items:center; justify-content:center;}
.writeWrap .wBtnWrap .endBtn {width:50%; height:60px; border-radius:8px; background:#5943F8; color:#fff; display:flex; align-items:center; justify-content:center;}
.writeWrap .wBtnWrap .endBtn img {width:25px; height:25px; margin-right:10px;}
.writeWrap .homeLabel {display:flex; align-items:center; gap:10px;}
.writeWrap .homeLabel .inputCheck { appearance: none; -webkit-appearance: none; width: 25px; height: 25px; background:url('/assets/img/check_sqa1.png') no-repeat center center; background-size:	 100%	 100%; cursor: pointer; margin: 0; flex-shrink: 0; border-radius:5px; box-sizing:border-box;}
.writeWrap .homeLabel .inputCheck:checked { background: url('/assets/img/check_sqa2.png')no-repeat center center; width:25px; height:25px; background-size:100%;border-radius:5px; }
.writeWrap .homeLabel .siName {font-size:16px;}
.writeWrap .certListWrap {display: flex;flex-direction: column;gap: 10px; position:relative;}
.writeWrap .certListWrap .certItem {display: flex;align-items:flex-start; border:2px solid #ECEDF0;border-radius: 10px;padding: 20px;position: relative;transition: border 0.2s ease;cursor: pointer; flex-direction:column; gap:10px;}
.writeWrap .certListWrap .certItem input[type="radio"] {appearance: none;width: 20px;height: 20px;border: 2px solid #999;border-radius: 50%;margin-right: 15px;position: relative;flex-shrink: 0;}
.writeWrap .certListWrap .certItem input[type="radio"]:checked {border-color: #5943F8;}
.writeWrap .certListWrap .certItem input[type="radio"]:checked::after {content: "";position: absolute; top:50%; left:50%; transform:translate(-50%, -50%); width: 8px;height: 8px;background: #5943F8;border-radius: 50%;}
.writeWrap .certListWrap .certItem input[type="radio"]:checked ~ .certContent {color: #333;}
.writeWrap .certListWrap .certItem input[type="radio"]:checked ~ .certIcons {opacity: 1;}
.writeWrap .certListWrap .certItem:has(input[type="radio"]:checked) {border-color: #5943F8;}
.writeWrap .certListWrap .certContent {flex-grow: 1; display:flex; flex-direction:column; gap:15px; width:calc(100% - 50px);}
.writeWrap .certListWrap .certTitle {font-size: 17px;font-weight: bold;width: calc(100% - 40px);overflow: hidden;text-overflow: ellipsis;white-space:nowrap;min-width:0; display:block;}
.writeWrap .certListWrap .certSub {display:flex; flex-direction:column; gap:8px; width:calc(100% - 40px); text-overflow:ellipsis; overflow:hidden;white-space:nowrap;min-width:0;}
.writeWrap .certListWrap .certSub .certDate {font-size:14px; color:#808080;}
.writeWrap .certListWrap .certSub .certCom {font-size:14px; display:block;text-overflow:ellipsis; overflow:hidden;white-space:nowrap;min-width:0;} 
.writeWrap .certListWrap .certIcons {display: flex;gap: 12px;margin-left: auto; flex-direction:column; width:30px; position:absolute; top:20px; right:18px;}
.writeWrap .certListWrap .certIcons button {background: none;border: none;padding: 0;cursor: pointer; width:28px;}
.writeWrap .certListWrap .certIcons button img {width:20px;}
.writeWrap .wCont .desc {font-size:14px;}
.writeWrap .certListWrap .certBo {margin-right:5px; color:#5943f8;}
.writeModal { display: none;position: fixed;top: 0;left: 50%;transform: translateX(-50%);width: 100%;max-width: 640px;height: 100%;z-index: 9998; background: rgba(0, 0, 0, 0.6);}
.writeModalCont {background:#fff;padding:20px;border-radius:20px;overflow:auto; width:100%; margin-top:50px; position:relative; height:calc(100% - 60px);}
.writeModalCont .form { display: flex; flex-direction: column; gap: 12px; }
.writeModalCont .inputBox { margin-bottom: 0; position: relative; }
.writeModalCont .inputBox .checkBtn { position: absolute; bottom: 20px; right: 20px; font-size: 16px; color: #5943F8; font-weight: 400; }
.writeModalCont .inputBox .checkBtn2 { position: absolute; bottom: 20px; right: 20px; font-size: 16px; color: #2D2B3B; font-weight: 400; }
.writeModalCont .formLabel { display: flex; gap: 3px; align-items:center;}
.writeModalCont #wishForm .formLabel { display: flex; gap: 3px; align-items:center; margin-bottom: 1em;}
.writeModalCont .req { color: #FF5E5E; font-size: 22px; }
.writeModalCont .req2 {color:#5943f8; font-size: 22px;}
.writeModalClose {border:none; cursor:pointer; width:40px; height:40px; background:url(/assets/img/closeIcon.png)no-repeat top center #fff;}
.clWrap {display:flex; justify-content:space-between; align-items:center;}
.clWrap .title {font-size:22px; font-weight:700;}
.wmBox {padding:50px 0; display:flex; flex-direction:column; gap:30px;}
.wmBox .inputPeriod { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.wmBox .inputPeriod .inputText { flex: 1;width: 100%;padding: 15px 85px 15px 30px;font-size: 17px;height: 100%;border: none;background:url('/assets/img/month.png') no-repeat 90% 50% #F3F3F5;border-radius: 12px;box-sizing: border-box;font-weight: 400; height:60px; background-size:22px; cursor:pointer;} 
.wmBox .inputPeriod .wave { margin: 0 5px; }
.switchBoxWrap  { display: flex; align-items: center; gap: 6px; justify-content:space-between;}
.switchBox {display: flex; align-items: center; gap:8px;}
.switchLabel { font-size: 16px; }
.inputSwitch { width: 40px; height: 22px; appearance: none; background: #ddd; border-radius: 15px; position: relative; cursor: pointer; transition: background 0.3s; }
.inputSwitch::before { content: ""; position: absolute; top: 2px; left: 2px; width: 18px; height: 18px; background: #fff; border-radius: 50%; transition: transform 0.3s; }
.inputSwitch:checked { background: #5943F8; }
.inputSwitch:checked::before { transform: translateX(18px); }
.wmBox .positionWrap { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.wmBox .selectBox { flex: 1; min-width: 120px; }
.wmBox .select { width: 100%; height: 60px; padding: 0 30px; border: 1px solid #e0e0e0; border-radius: 8px; background:url(/assets/img/select_icon.png)no-repeat; background-position:90% 50%; background-size:14px;}
.wmBox .yearBox { display: flex; align-items: center; gap: 5px; }
.wmBox .yearBox .inputText { width: 80px; padding:15px;}
.wmBox .unit { font-size: 16px; color: #333; }
.wmBox .select.selectW100 {background-position:95% 50%;}
.wmBox .checkBoxWrap { display: flex; gap: 8px; align-items: center; justify-content: space-between;}
.wmBox .checkBoxWrap .checkLabel { font-size: 16px; color: #000; cursor: pointer; }
.wmBox .checkBoxWrap .inputCheck { appearance: none; -webkit-appearance: none; width: 25px; height: 25px; background:url('/assets/img/check_sqa1.png') no-repeat center center; background-size: 100%	 100%; cursor: pointer; margin: 0; flex-shrink: 0; border-radius:5px; box-sizing:border-box;}
.wmBox .checkBoxWrap .inputCheck:checked { background: url('/assets/img/check_sqa2.png')no-repeat center center; width:25px; height:25px; background-size:100%;border-radius:5px; }
.wmBox .majorBox {display:flex; gap:12px; flex-direction:column;}
.wmBox .fBtnBox {display:flex; gap:12px; flex-direction:column;}
.wmBox .fBtnBox .addMajorBtn {border:1px solid #ddd; border-style:dashed; height:60px; background:#fff; border-radius:8px;}
.wmBox .fBtnBox .removeMajorBtn {border:1px solid #ddd; border-style:dashed; height:60px; background:#fff; border-radius:8px;}
.wmBox .searchBox {position:relative;}
.wmBox .searchBox .checkBtn3 {border-left:1px solid #e0e0e0; position:absolute; right:0; width:60px; height:60px; background:url(/assets/img/serch2.png)no-repeat center center; background-size:22px;}
.wmBox .searchBox .checkBtn4 {border-left:1px solid #e0e0e0; position:absolute; right:0; width:60px; height:60px; background:url(/assets/img/plus_icon.png)no-repeat center center; background-size:22px; filter: brightness(0) invert(0) opacity(0.5);}
.wmBox #schoolName {padding:15px 60px 15px 30px;}
.wmBox #skillSearch {padding:15px 60px 15px 30px;}
.wmBox #activityContent {height:200px;}
.wmBox .form {display:flex; flex-direction:column; gap:20px;}
.wmBox .labelname {display:flex; justify-content:space-between; align-items:center;}
.wmBox .labelname .title {font-size:20px;}
.wmBox .labelname .star {color:#FF5E5E; padding-left:4px;}
.wmBox .labelname .number {color:#5943F8;}
.wmBox .skillBox2 {display: flex;flex-wrap: wrap;gap: 8px;}
.wmBox .skillTag2 {display: flex;align-items: center;background: #E8EDFF;color: #333;font-size: 15px;padding: 6px 10px;border-radius: 6px;}
.wmBox .skillTag2 .delBtn2 {padding:0; margin-left:5px; }
.wmBox .skillTag2 .delBtn2 img {width: 17px;height: 17px;}
.wmBox .skillEmpty2 {color:#808080;}
.wmBox .tabSwitch {display:flex;}
.wmBox .tabSwitch .periodTab {border:1px solid #efefef;width: 50%;height: 50px;}
.wmBox .tabSwitch .periodTab.active {background:#373846; color:#fff;}
.wmBox .txtAreaBox {height:500px;}
.wmBox .txtAreaBox.consulting {height:710px!important;}
.wmBox .certTabBox {display: flex;border: 1px solid #e0e0e0;overflow: hidden;margin-bottom: 12px;}
.wmBox .certTabBtn {flex: 1;height: 50px;}
.wmBox .certTabBtn.active {background: #373846; color: #fff;}
.wmBox .certTabCont {display: none;}
.wmBox .certTabCont.active {display:flex; flex-direction:column; gap:30px;}
.wmBox .inputPeriod .inputText.inputW100 {background-position:95%;}
.wmBtnBox {border-top:1px solid #e0e0e0; position:fixed; display:flex; z-index:88;width:100%; height:60px; left:0; bottom:0;}
.wmBtnBox .wmClose {background:#fff; color:#505050; height:100%; width:50%;}
.wmBtnBox .wmEnd {background:#5943F8; color:#fff; height:100%; width:50%;}
.wmBtnBox .wmBack {background:#f5f8f8; color:#505050; height:100%; width:50%;}
.wmBtnBox .wmSave {background:#5943F8; color:#fff; height:100%; width:50%;}
.wmBtnBox .completeBtn {width:100%; height:100%; color:#fff; background:#5943F8;}
.portBox {display: flex; flex-direction: column; gap: 10px; padding:50px 0;} 
.portBox .careerPort {border:2px solid #ECEDF0; border-radius:10px; padding:20px; display:flex; gap:15px; flex-direction:column;}
.portBox .careerPort.active {border: 2px solid #5943F8;}
.portBox .careerCont {display:flex; justify-content:space-between; align-items:center; gap:30px;}
.portBox .careerPort {border:2px solid #ECEDF0; border-radius:10px; padding:20px; display:flex; gap:15px; flex-direction:column;}
.portBox .careerTxt {font-size:20px; color:#000;  overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.portBox .btnBox {display:flex; gap:10px;}
.portBox .btnBox img {width:20px;}
.portBox .explain {display:flex; flex-direction:column; gap:8px;}
.portBox .explain .exSub {color:#4C4F5E; font-size:16px; display:flex; gap:20px;}
.portBox .explain .exDate {color:#000;}
.portBox .explain .exData {font-size:14px;}
.portBox .checkBoxWrap2 { display: flex; gap: 8px; align-items: center; justify-content: space-between;}
.portBox .checkBoxWrap2 .checkLabel { font-size: 16px; color: #000; cursor: pointer; }
.portBox .checkBoxWrap2 .inputCheck {1px solid #C0C1C5; appearance: none; -webkit-appearance: none; width: 25px; height: 25px; background:url('/assets/img/check_sqa11.png') no-repeat center center; background-size: 100%	 100%; cursor: pointer; margin: 0; flex-shrink: 0;  border-radius:4px; box-sizing:border-box;}
.portBox .checkBoxWrap2 .inputCheck:checked {border:1px solid #5943f8; background: url('/assets/img/check_sqa2.png')no-repeat center center; width:25px; height:25px; background-size:100%; border-radius:5px; }
.portPopup { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 99999; max-width: 640px; }
.portPopup .portPopupCont { background: #fff; width:100%; max-width:100%;  padding: 50px; position: relative; height:100%; display:flex; flex-direction:column; justify-content:space-between; }
.portPopup .portPopupClose { position: absolute; top: 10px; right: 15px; background:url('/assets/img/closeIcon.png') no-repeat center; width:40px; height:40px;  cursor: pointer;  }
.portPopup .popupTitle { font-size: 20px; font-weight: bold; margin-bottom: 20px; text-align: center; }
.portPopup .popupBody { display: flex; flex-direction: column; align-items: center; }
.portPopup .fileInput { width: 100%; padding: 10px; font-size: 16px; }
.portPopup .fileDesc { margin-top: 10px; font-size: 14px; display:flex; color: #666; text-align: center; }
.portPopupCont .popupTab { display: flex; margin-bottom: 20px; border-radius:10px; overflow:hidden; background:#e5e9ff; }
.portPopupCont .popupTab .popTabBtn {flex: 1;padding: 10px;font-size: 17px;background: #e5e9ff; cursor: pointer; color:#6b6f7f; height:50px;}
.portPopupCont .popupTab .popTabBtn.active {background: #5943f8; color:#fff; border-radius:10px;}
.portPopupCont .popupTabCont { display: none; }
.portPopupCont .popupTabCont.active { display: block; }
.portPopupCont .uploadBtn {max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width: 100%;padding: 12px;background: #fff;border: 2px solid #e0e0e0; border-style:dashed; display:flex; height:60px; align-items:center; justify-content:center; cursor: pointer;text-align: center;}
.portPopupCont .selectWrap { margin-top: 30px; display:flex; flex-direction:column; gap:12px;}
.portPopupCont .selectBox {width: 100%; border: 1px solid #e0e0e0; border-radius:8px; background: url(/assets/img/select_icon.png) no-repeat;background-position: 95% 50%;background-size: 14px; height:60px; padding:15px 15px 15px 30px; }
.portPopupCont .noticeText {font-size: 12px;color: #999;margin-top: 10px;line-height: 1.4;text-align: left;}
.portPopBtn {width:100%; background: #e6e6f9; color: #5943f8; border-radius:8px; height:60px; display:flex; align-items:center; justify-content:center;}
.portPopupCont .slBox {display:flex; gap:10px;}
.portPopupCont .slBox .slTxt {font-size:18px;}
.wmPopBtnBox .completeBtn {height:60px; background:#2f354b; color:#fff; width:100%; display:flex; align-items:center; justify-content:center;}
.charCountT {font-weight:300; font-size:15px;}
.charCountT .count {color:#5943f8; font-weight:400;}
.wmFormLocation .form {gap:0;}	
.wmFormLocation .locationTit {width:100%; display:flex; height:50px; border-bottom:1px solid #e0e0e0; border-top:2px solid #505050;}
.wmFormLocation .locationTit .sidoTxt {width:150px; background:#fff; height:100%; display:flex; align-items:center; justify-content:center;border-right:1px solid #ddd;}
.wmFormLocation .locationTit .sigunguTxt {width:calc(100% - 150px); background:#fff; height:100%;display:flex; align-items:center; justify-content:center;}
.wmFormLocation .locationWrap { display: flex; gap: 0;  overflow: hidden; height: 386px; border-bottom:2px solid #505050;}
.wmFormLocation .sidoList { display:flex; align-items:center; justify-content:center; width: 150px; background: #f8f9fa; height: 100%; overflow-y: auto; }
.wmFormLocation .sidoList .sidoListBox {height:100%; padding: 0; margin: 0; width:100%;}
.wmFormLocation .sidoList .sido { padding: 12px; cursor: pointer;  border-right: 1px solid #ddd; font-size: 16px;display:flex; align-items:center; justify-content:center; color: #222; border-bottom: 1px solid #eee; background:#f8faff;}
.wmFormLocation .sidoList .sido.active { background:#fff; color: #5943f8; border-right:1px solid #fff;}
.wmFormLocation .sigunguList { flex: 1; background: #fff; padding: 15px 30px; height: 100%; overflow-y: auto; }
.wmFormLocation .sigungu {list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap:20px; flex-direction:column; }
.wmFormLocation .sigungu .siList label {display:flex; width:100%;justify-content: space-between;flex-direction: row-reverse; align-items:center;}
.wmFormLocation .sigungu .siList .siName {font-size:16px;font-weight:400; }
.wmFormLocation .sigungu input[type="checkbox"] { transform: scale(1.1); margin-right: 6px; }
.wmFormLocation .form .inputBox { display: flex; gap: 8px; align-items: center; margin-bottom: 8px; }
.wmFormLocation .searchBtn { padding: 8px 14px; background: #4e6ef2; color: #fff; border-radius: 6px; font-size: 13px; border: none; cursor: pointer; }
.wmFormLocation .currentLocationBtn { font-size: 17px; background: none; border: none; color: #4a43ff; cursor: pointer; display:flex; justify-content:flex-end; margin-top: 4px; align-items:center; }
.wmFormLocation .currentLocationBtn img {width:22px; margin-right:5px;}
.wmFormLocation .charCount {display:flex; flex-direction:column; gap:10px;}
.wmFormLocation .charCount .charCountTxt {font-size: 15px; color: #888; }
.wmFormLocation .charCount.charCount1 {padding-top:30px; padding-bottom:20px;}
.wmFormLocation .charCount.charCount2 {padding-bottom:30px;}
.wmFormLocation .inputCheck { appearance: none; -webkit-appearance: none; width: 25px; height: 25px; background:url('/assets/img/check_sqa11.png') no-repeat center center; background-size: 100%	 100%; cursor: pointer; margin: 0; flex-shrink: 0; border-radius:5px; box-sizing:border-box;}
.wmFormLocation .inputCheck:checked { background: url('/assets/img/check_sqa2.png')no-repeat center center; width:25px; height:25px; background-size:100%;border-radius:5px; }
.wmFormLocation .skillBox2.skillBox3 {display: flex;flex-wrap: nowrap;overflow-x: auto;gap: 6px;white-space: nowrap;-webkit-overflow-scrolling: touch;scrollbar-width: none;}
.wmFormLocation .skillBox2.skillBox3::-webkit-scrollbar {display: none;}
.wmFormLocation .skillBox3.dragging {cursor: grabbing;user-select: none;}
.charCount5 {font-size:15px; font-weight:300;}
.charCount5 .count {color: #5943f8;font-weight: 400;}
.jobSelectWrap {display:flex; flex-direction:column; gap:40px;} 
.jobSelectWrap .jobCategory .categoryTitle {padding-bottom: 15px;font-size: 18px;}
.jobSelectWrap .jobBtnList {display: flex;flex-wrap: wrap;gap: 10px;}
.jobSelectWrap .jobBtn {position: relative;display: inline-flex;align-items: center;justify-content: center;border: 1px solid #e0e0e0;border-radius: 8px;padding: 10px 14px;background: #fff;cursor: pointer;font-size: 16px;color: #333;transition: all 0.2s;}
.jobSelectWrap .jobBtn input[type="checkbox"] {position: absolute;opacity: 0;pointer-events: none;}
.jobSelectWrap .jobBtn input[type="checkbox"]:checked ~ span {color: #5943f8;}
.jobSelectWrap .jobBtn:has(input[type="checkbox"]:checked) {border: 1px solid #5943f8;background:#fff;}
.modal9 .wmBtnBox {border-top:none;}
.modal10 .wmBtnBox {border-top:none;}
.workSelectWrap {display:flex; flex-direction:column; gap:40px;}
.workSelectWrap .workCategory .categoryTitle {padding-bottom:15px; font-size:18px;}
.workSelectWrap .workBtnList {display:flex; flex-wrap:wrap; gap:8px;}
.workSelectWrap .workBtn {flex:0 0 calc(50% - 5px); position:relative; height:50px; display:inline-flex; align-items:center; justify-content:center; border:1px solid #e0e0e0; border-radius:8px; padding:10px 14px; background:#fff; cursor:pointer; font-size:16px; color:#333; transition:all 0.2s;}
.workSelectWrap .workBtn input[type="radio"] {position:absolute; opacity:0; pointer-events:none;}
.workSelectWrap .workBtn input[type="radio"]:checked ~ span {color:#5943f8;}
.workSelectWrap .workBtn:has(input[type="radio"]:checked) {border:1px solid #5943f8; background:#fff;}
.workSelectWrap .workBtn2 {flex:0 0 calc(33% - 5px); position:relative; height:50px; display:inline-flex; align-items:center; justify-content:center; border:1px solid #e0e0e0; border-radius:8px; padding:10px	 14px; background:#fff; cursor:pointer; font-size:16px; color:#333; transition:all 0.2s;}
.workSelectWrap .workBtn2 input[type="radio"] {position:absolute; opacity:0; pointer-events:none;}
.workSelectWrap .workBtn2 input[type="radio"]:checked ~ span {color:#5943f8;}
.workSelectWrap .workBtn2:has(input[type="radio"]:checked) {border:1px solid #5943f8; background:#fff;}
.workSelectWrap .workCategory2 .categoryTitle {padding-bottom: 15px; font-size: 18px;}
.workSelectWrap .workCategory2 .workBtnList {display:flex; flex-wrap:wrap; gap:10px;}
.workSelectWrap .workCategory2 .workBtn {flex: 0 0 calc(50% - 5px); position:relative; display:inline-flex; align-items:center; justify-content:center; border:1px solid #e0e0e0; border-radius:8px; padding:10px	 14px; background:#fff; cursor:pointer; font-size:16px; color:#333; transition:all 0.2s;}
.workSelectWrap .workCategory2 .workBtn input[type="checkbox"] {position:absolute; opacity:0; pointer-events:none;}
.workSelectWrap .workCategory2 .workBtn input[type="checkbox"]:checked ~ span {color:#5943f8;}
.workSelectWrap .workCategory2 .workBtn:has(input[type="checkbox"]:checked) {border:1px solid #5943f8; background:#fff;}
.infoPopup {margin-top:0; border-radius:0;}
.wmBox .myPicture {display:flex; align-items:center; justify-content:center;}
.wmBox .myPicture .imgBox {width:200px; height:200px; overflow:hidden;  object-fit:cover; display:flex; align-items:center; justify-content:center;position:relative; border-radius:20px; border:1px solid #f0f0f0;}
.wmBox .myPicture .imgBox .peopleImg {width:100%; height:100%; object-fit:cover;}
.wmBox .myPicture .imgBox .peopleImg.noImage2 {width:43%; height:auto;}
.wmBox .myPicture .cameraBtnWrap {position:absolute; bottom:7px; right:7px;}
.wmBox .myPicture .cameraBtnWrap .camera {background:url(/assets/img/camera.png)no-repeat center #fff; box-shadow:0px 0px 9px #d9d9d9; width:40px; height:40px; background-size:21px; border-radius:50px;}
.wmBox .inputPeriod .birthInput {background-position: 95% 50%;}
.wmBox .certification {position:absolute; top:50%; right:0; transform:translate(-25%, -50%); font-size:15px; width:60px; height:30px; border-radius:50px; background:#fff;}
.wmBox .emailAuthBtn {padding:15px 100px 15px 30px;}
.authModal { position:fixed; top:0; left:0; z-index:9999; width:100%; height:100%; max-width:640px; top:50%; left:50%; transform:translate(-50%, -50%); background:rgba(0,0,0,0.5); display:none; justify-content:center; align-items:center; }
.authModal .authModalInner { background:#fff; width:90%; max-width:400px; border-radius:12px; padding:30px 20px; box-shadow:0 8px 20px rgba(0,0,0,0.15); text-align:center; }
.authModal .authTitle { font-size:20px; font-weight:700; margin-bottom:10px; }
.authModal .authDesc { font-size:14px; color:#555; margin-bottom:20px; line-height:1.4; }
.authModal .authInputBox { display:flex; gap:8px; margin-bottom:10px; }
.authModal .authInputBox input { flex:1; padding:10px; border:1px solid #e0e0e0; border-radius:6px; font-size:15px; width:calc(100% - 68px); }
.authModal .authInputBox button {flex-shrink:0; padding:10px 14px; background:#fff;  border-radius:6px;width:60px; border:1px solid #e0e0e0; color:#000; font-size:14px; cursor:pointer; transition:0.2s;}
.authModal .authBtnBox { display:flex; gap:10px; justify-content:space-between; margin-top:30px; }
.authModal .authBtnBox button { flex:1; padding:15px 0; font-size:16px; border-radius:6px; cursor:pointer; transition:0.2s; }
.authModal .authCancelBtn { background:#e0e0e0; border:none; color:#333; }
.authModal .authConfirmBtn { background:#30384f; border:none; color:#fff; }
.authModal .authConfirmBtn:hover { background:#1c2234; color:#fff; }
.authModal .authCont {display:flex; align-items:center; justify-content:center; width:100%; height:100%;}
.noteDoubleClick {font-size:15px; color:#555;}

@media (max-width:580px) {
	.writeWrap {padding:100px 20px 20px 20px;}
	.writeWrap .wTop .imgBox {width:150px; height:150px; border-radius:20px;}
	.writeWrap .wTop .named {font-size:22px;}
	.writeWrap .wTop .subDesc {font-size:20px;}
	.writeWrap .wTop .txtBox {width:calc(100% - 190px);}
	.writeWrap .wTop .plusBtn {width:30px; height:30px; border-radius:6px;}
	.writeWrap .wTop .plusBtn img {width:14px; height:14px;}
	.writeWrap .wCont .labelname .title {font-size:18px;}
	.writeWrap .wCont .labelname .txtnum {font-size:18px;}
	.writeWrap .tabBox .tabMenu {height:50px;}
	.writeWrap .tabBox .tabBtn {font-size:18px;}
	.writeWrap .tabBox .tabBtn.active {font-size:18px;}
	.writeWrap .careerBox .history {font-size:16px;}
	.writeWrap .certListWrap .certIcons {gap:10px; right:15px; top:15px;}
	.writeWrap .careerBox .career {padding:16px;}
	.writeWrap .careerBox .comTxt {font-size:17px;}
	.writeWrap .careerBox .btnBox {top:13px; gap:8px; right:16px;}
	.writeWrap .skillTag {font-size:14px;}
	.writeWrap .careerBox .date {font-size:15px;}
	.writeWrap .carAddBtn {font-size:16px;}
	.writeWrap .certListWrap .certItem {padding:15px;}
	.writeWrap .careerBox .career .txt {font-size:15px;}
	.writeWrap .wBtnWrap .viewBtn {height:50px;}
	.writeWrap .wBtnWrap .endBtn {height:50px;}
	.clWrap .title {font-size:20px;}
	.writeModalCont.infoPopup {height:calc(100% - 50px);}
	.writeModalCont {height:calc(100% - 70px);}
	.writeModalCont .formLabel {font-size:17px;}
	.writeModalCont .req {font-size:20px;}
	.writeModalClose {background-size:32px;}
	.wmBox {padding:30px 0;}
	.wmBtnBox {height:50px;}
	.wmBtnBox .wmClose {font-size:17px;}
	.wmBtnBox .wmEnd {font-size:17px;}
	.portBox .careerTxt {font-size:17px;}
	.portBox .explain .exSub {font-size:15px;}
	.wmBox .certTabBtn {font-size:16px;}
	.wmBox .certTabBtn.active {font-size:16px;}
	.charCount {font-size:16px;}
	.wmFormLocation .locationWrap {height:300px;}
	.modal9 .wmFormLocation .wmBox {gap:20px;}
	.wmFormLocation .locationTit .sidoTxt {font-size:16px;}
	.wmFormLocation .locationTit .sigunguTxt {font-size:16px;}
	.wmFormLocation .sidoList .sido {font-size:15px;}
	.wmFormLocation .sigungu .siList .siName {font-size:15px;}
	.wmFormLocation .sigungu input[type="checkbox"] {width:20px; height:20px; border-radius:3px;}
	.wmFormLocation .sigungu input[type="checkbox"]:checked {width:20px; height:20px; border-radius:3px;}
	.wmFormLocation .currentLocationBtn {font-size:16px; margin-top:0;}
	.wmFormLocation .currentLocationBtn img {width:18px;}
	.writeWrap .careerBox .btnBox img {width:18px;}
	.writeWrap .certListWrap .certIcons button img {width:18px;}
	.hopeJobEdit img {width:18px;}
}

@media (max-width:480px) {
	.writeWrap {padding:100px 15px 15px 15px;}
	.writeWrap .wTop .named {font-size:20px;}
	.writeWrap .wTop .subDesc {font-size:18px;}
	.writeWrap .wTop .imgBox {margin-left:20px;}
	.writeWrap .wWrap {gap:40px;}
	.writeWrap .wCont {gap:15px;}
	.writeWrap .wCont .form {gap:15px;}
	.writeWrap .wCont .box {padding:15px; border-radius:12px;}
	.writeWrap .wCont .labelname .title {font-size:16px;}
	.writeWrap .wCont .labelname .txtnum {font-size:15px;}
	.writeWrap .wCont .plusBtn {width:26px; height:26px; border-radius:4px;}
	.writeWrap .tabBox .tabBtn {border-radius:8px; font-size:16px;}
	.writeWrap .tabBox .tabBtn.active {border-radius:8px; font-size:16px;}
	.writeWrap .tabBox .tabText {margin-bottom:0; font-size:14px;}
	.writeWrap .tabBox .tabMenu {border-radius:8px;}
	.writeWrap .tabBox .tabContWrap {margin-top:15px;}
	.writeWrap .careerBox .career {gap:12px;}
	.writeWrap .careerBox .history {font-size:14px;}
	.writeWrap .careerBox .comTxt {font-size:15px;}
	.writeWrap .careerBox .date {font-size:13px;}
	.writeWrap .careerBox .career .txt {font-size:13px;}
	.writeWrap .careerBox .btnBox {top:9px; right:13px;}
	.writeWrap .skillTag {font-size:12px; padding:4px 10px;}
	.writeWrap .skillTag .delBtn img {width:14px; height:14px;}
	.writeWrap .certListWrap .certItem {display: flex;gap: 6px;}
	.writeWrap .certListWrap .certContent {display: flex;flex-direction: column;min-width: 0;}
	.writeWrap .certListWrap .certTitle {font-size: 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;min-width: 0; max-width: 100%;display: block;}
	.writeWrap .certListWrap .certItem input[type="radio"] {margin-right:3px;}
	.writeWrap .careerBox .comTxt  {font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;min-width: 0; max-width: 100%;display: block;} 
	.writeWrap .carAddBtn {font-size:15px;}
	.writeWrap .wBtnWrap .viewBtn {font-size:17px;}
	.writeWrap .wBtnWrap .endBtn {font-size:17px;}
	.writeWrap .wBtnWrap .endBtn img {width:20px; height:20px;}
	.writeWrap .homeLabel .inputCheck {width:20px; height:20px; border-radius:3px;}
	.writeWrap .homeLabel .inputCheck:checked {width:20px; height:20px; border-radius:3px;}
	.writeWrap .homeLabel .siName {font-size:14px;}
	.writeModalCont {padding:15px 15px 30px 15px;}
	.writeModalCont .form .inputBox .checkBtn {bottom:15px; right:10px; font-size:14px;}
	.writeModalCont .form .inputBox .checkBtn2 {bottom:15px; right:10px; font-size:14px;}
	.writeModalCont .inputText.checkInput {padding:15px 85px 15px 15px;}
	.writeModalCont .inputText.checkInput2 {padding:15px 110px 15px 15px;}
	.writeModalCont .formLabel {font-size:16px;}
	.writeModalClose {width:30px; height:30px; background-size:26px;}
	.wmBox {gap:20px;}
	.wmBox .inputPeriod .birthInput {height:50px;font-size: 15px;border-radius: 8px;padding: 15px;}
	.wmBox .form {gap:10px;}
	.wmBox .inputPeriod .inputText {background-size:19px; height:50px; padding:15px; border-radius:8px; font-size:15px;}
	.wmBox .emailAuthBtn {padding:15px 70px 15px 15px; font-size:15px;}
	.wmBox .certification {width:50px; font-size:13px; border-radius:6px;}
	.wmBox .checkBoxWrap .inputCheck {width:20px; height:20px; border-radius:3px;}
	.wmBox .checkBoxWrap .inputCheck:checked {width:20px; height:20px; border-radius:3px;}
	.wmBox .checkBoxWrap .checkLabel {font-size:14px;}
	.wmBox .myPicture .imgBox {width:150px; height:150px;}
	.wmBox .myPicture .cameraBtnWrap .camera {width:30px; height:30px; background-size:17px; border-radius:8px;}
	.writeModalCont .formLabel {font-size:15px;}
	.workSelectWrap .workBtn {height:45px; font-size:14px; border-radius:6px;}
	.authModal .authInputBox input {height:45px; font-size:14px;}
	.clWrap .title {font-size:18px;}
	.wmBox .inputSwitch {width:32px; height:18px;}
	.wmBox .inputSwitch::before {width:14px; height:14px;}
	.wmBox .inputSwitch:checked::before {transform:translateX(14px);}
	.wmBox .switchLabel {font-size:14px;}
	.wmBox .select {height:50px; padding:15px; font-size:15px; background-size:12px; border-radius:8px;}
	.wmBox .yearBox .inputText {width:60px; font-size:15px; font-size:15px;}
	.wmBox #schoolName {padding:15px 50px 15px 15px;}
	.wmBox .searchBox .checkBtn3 {width:50px; height:50px; background-size:17px;}
	.wmBox .fBtnBox .addMajorBtn {height:50px; border-radius:6px; font-size:15px;}
	.wmBox .fBtnBox .removeMajorBtn {height:50px; border-radius:6px; font-size:15px;}
	.wmBox #skillSearch {padding:15px 50px 15px 15px;}
	.wmBox .skillTag2 {font-size:13px;}
	.wmBox .skillTag2 .delBtn2 img {width:14px; height:14px; margin-top:-4px;}
	.writeWrap .certListWrap .certIcons {margin-right:0; width:27px; top:13px; right:17px;}
	.portBox {padding:30px 0;}
	.portPopBtn {height:50px; border-radius:6px; font-size:15px;}
	.portBox .careerPort {gap:12px; padding:15px;}
	.portBox .btnBox img {width:16px;}
	.portBox .checkBoxWrap2 .inputCheck {width:20px; height:20px; border-radius:3px;}
	.portBox .checkBoxWrap2 .inputCheck:checked {width:20px; height:20px; border-radius:3px;}
	.portBox .careerTxt {font-size:15px;}
	.portBox .explain .exSub {font-size:13px;}
	.portBox .explain .exData {font-size:12px;}
	.portPopupCont .popupTab .popTabBtn {height:45px; font-size:15px; border-radius:6px;}
	.portPopup .portPopupCont {padding:15px;}
	.portPopup .popupTitle {margin-bottom:40px;}
	.portPopup .portPopupClose {width:30px; height:30px; background-size:26px;}
	.portPopupCont .uploadBtn {height:50px; border:1px solid #ddd; font-size:15px; border-style:dashed; }
	.portPopup .fileDesc {font-size:13px;}
	.portPopupCont .selectWrap .slTxt {font-size:16px;}
	.portPopupCont .selectBox {height:50px; padding:15px; background-size:12px; font-size:15px; border-radius:6px;}
	.wmPopBtnBox .completeBtn {height:50px; font-size:17px;}
	.charCount {font-size:14px;}
	.wmFormLocation .currentLocationBtn {padding:0;}
	.wmFormLocation .locationTit {height:40px; border-top:1px solid #505050;}
	.wmFormLocation .locationWrap {border-bottom:1px solid #505050;}
	.wmFormLocation .locationTit .sidoTxt {font-size:14px;}
	.wmFormLocation .locationTit .sigunguTxt {font-size:14px;}
	.modal9 .wmFormLocation .form {gap:0;}
	.wmFormLocation .sidoList .sido {font-size:14px;}
	.wmFormLocation .sigungu .siList .siName {font-size:14px;}
	.wmFormLocation .sigungu input[type="checkbox"] {width:16px; height:16px; margin-right:0;}
	.wmFormLocation .sigungu input[type="checkbox"]:checked {width:16px; height:16px; margin-right:0;}
	.wmFormLocation .charCount .charCountTxt {font-size:13px;}
	.wmFormLocation .currentLocationBtn {font-size:14px; margin-top:5px;}
	.wmFormLocation .currentLocationBtn img {font-size:16px;}
	.wmFormLocation .locationTit .sidoTxt {width:100px;}
	.wmFormLocation .sidoList {width:100px;}
	.wmFormLocation .locationTit .sigunguTxt {width:calc(100% - 100px);}
	.wmFormLocation .sigunguList {width:calc(100% - 100px); padding:15px 20px;}
	.wmFormLocation .locationWrap {height:286px;}
	.jobSelectWrap .jobCategory .categoryTitle {font-size:16px;}
	.jobSelectWrap .jobBtnList {gap:8px;}
	.jobSelectWrap .jobBtn {font-size:14px; border-radius:6px;}
	.workSelectWrap .workCategory .categoryTitle {font-size:16px; padding-bottom:10px;}
	.workSelectWrap .workCategory2 .categoryTitle {font-size:16px; padding-bottom:10px;}
	.workSelectWrap .workBtn2 {height:45px; border-radius:6px;}
	.workSelectWrap .workBtn2 .wType {font-size:14px;}
	.workSelectWrap .workCategory2 .workBtn .wType {font-size:14px;}
	.workSelectWrap .workCategory2 .workBtn {border-radius:6px;}
}	

@media (max-width:420px) {
	.writeWrap {padding:80px 15px 15px 15px; gap:20px;}
	.writeWrap .wWrap {gap:30px;}
	.writeWrap .wTop .imgBox {margin-left:0; width:120px; height:120px;}
	.writeWrap .wTop {gap:30px;}
	.writeWrap .wTop .txtBox {width:calc(100% - 150px);}
	.writeWrap .wTop .plusBtn {width:25px; height:25px; border-radius:4px;}
	.writeWrap .wCont .plusBtn {width:22px; height:22px;}
	.writeWrap .wCont .plusBtn img {width:12px;}
	.writeWrap .certListWrap .certTitle {font-size:14px;}
	.writeWrap .certListWrap .certSub .certDate {font-size:13px;}
	.writeWrap .certListWrap .certSub .certCom {font-size:12px;}
	.writeWrap .certListWrap .certItem input[type="radio"] {width:16px; height:16px;}
	.writeWrap .certListWrap .certItem input[type="radio"]:checked::after {width:8px; height:8px;}
	.writeWrap .careerBox .btnBox img {width:17px;}
	.hopeJobEdit img {width:17px;}
	.writeWrap .careerBox .btnBox .delete img {width:17px;}
	.writeWrap .certListWrap .certItem {padding:12px;}
	.writeWrap .carAddBtn {height:40px; border-radius:6px; border:1px solid #dadbdf; font-size:14px; border-style:dashed;}
	.inputBox.inputBoxWhite .inputText {padding:15px;}
	.wmBox .certTabBtn {font-size:14px;}
	.wmBox .certTabBtn.active {font-size:14px;}
	.portBox .btnBox img {width:14px;}
	.portBox .checkBoxWrap2 .inputCheck{ width:16px; height:16px;}
	.portBox .checkBoxWrap2 .inputCheck:checked {width:16px; height:16px;}
	.noteDoubleClick {font-size:13px;}
	.writeWrap .certListWrap .certIcons button img {width:17px;}
	.writeWrap .careerBox .btnBox button img {width:17px;}
	.writeWrap .certListWrap .certIcons {right:14px;}
}

@media (max-width:400px) {
	.wmBox .inputPeriod .wave {width:10px;}
	.wmBox .inputPeriod .inputText {width:48%;}
	.wmBox .yearBox {display:flex; width:100%; justify-content:flex-end;}
}

@media (max-width:386px) {
	.wmBox .inputPeriod .wave {display:none;}
}

@media (max-width:380px) {
	.writeWrap .wTop .txt {padding-top:0;}
	.writeWrap .wTop .named {font-size:18px;}
	.writeWrap .wTop .subDesc {font-size:16px;}
	.authModal .authBtnBox button {font-size:15px;}
	.authModal .authModalInner {width:95%;}
	.wmBox {padding:20px 0;}
	.wmBox .inputPeriod .birthInput {background-position:92% 50%;}
	.wmBtnBox .wmClose {font-size:16px;}
	.wmBtnBox .wmEnd {font-size:16px;}
	.wmBox .certTabBtn {height:45px;}
}

@media (max-width:360px) {
	.writeWrap .wTop .imgBox {width:100px; height:100px;}
	.writeWrap .wTop .txtBox {width:calc(100% - 130px);}
	.writeWrap .wCont .labelname .txtnum {font-size:13px;}
	.wmBox .inputPeriod .inputText {font-size:14px;}
	.wmBox .certTabBtn.active {font-size:13px;}
	.wmBox .certTabBtn {font-size:13px;}
	.writeWrap .careerBox .btnBox {gap:6px; right:11px;}
	.writeWrap .certListWrap .certIcons {gap:8px; right:13px;}
	.writeWrap .certListWrap .certItem {padding:12px 8px 12px 12px;}
}

/************** 이력서 보기 ****************/
.myResumeWrap {padding:70px 0 60px 0; background:#F3F3F5; width:100%; height:auto; max-width:640px; min-height:100%;}
.myResumeWrap .reTitBox {display:flex; flex-direction:column; padding:40px 30px; gap:15px;}
.myResumeWrap .reTit {font-size:22px; font-weight:700; line-height:1.4;}
.myResumeWrap .reDate {font-size:16px; color:#7a7f8d; font-weight:400;} 
.myResumeWrap .defaultBox {background:#fff; border-radius:30px 30px 0 0; width:100%; height:auto; min-height:calc(100vh - 160px); padding:30px;}
.wmBtnBox.wrBtnBox {left:50%; bottom:0; transform:translate(-50%, 0); max-width:640px;}
.wmBtnBox .deleteResume {background:#fff; color:#505050; height:100%; width:50%;}
.wmBtnBox .deleteResume img {width:17px; margin-right:6px; margin-top:-1px;}
.wmBtnBox .editResume {background:#5943F8; color:#fff; height:100%; width:50%;}
.wmBtnBox .editResume img {width:18px; margin-right:6px; margin-top:-1px;}
.defaultBox .profileWrap {display:flex; width:100%; flex-direction:column; gap:30px;}
.defaultBox .profileWrap .profile {width:100%; display:flex; gap:40px;justify-content:space-between;}
.profileWrap .profile .left {width:150px; height:150px; overflow:hidden; border-radius:30px; box-shadow:0 0 9px #e3e3e3; display:flex; align-items:center; justify-content:center;}
.profileWrap .profile .left img {object-fit:cover; width:100%; height:100%; }
.profileWrap .profile .left .noImage3 {width:46%; height:auto;}
.profileWrap .profile .right {width:calc(100% - 190px); position:relative; display:flex; flex-direction:column; gap:15px; justify-content:center;}
.profileWrap .profile .authVerify {position:absolute; right:0; top:0; font-size:16px; color:#5943f8;}
.profileWrap .profile .authVerify img {width:20px; height:20px; margin-right:6px;}
.profileWrap .profile .proName {font-size:22px; font-weight:700;}
.profileWrap .profile .genderAge {font-size:17px;}
.profileWrap .contactList {display:flex; flex-direction:column; gap:10px; border-bottom:1px solid #e0e0e0; padding-bottom:30px; border-style:dashed;}
.profileWrap .contactItem {display:flex; align-items:flex-start; gap:10px; font-size:16px; color:#000;}
.profileWrap .contactList .contactLabel {width:130px; color:#7a7f8d; display:flex; align-items:center; padding:7px; font-size:17px;}
.profileWrap .contactList .contactLabel.phone { padding-left:40px;background:url(/assets/img/rPhone.png)no-repeat 3% 50%; background-size:15px; }
.profileWrap .contactList .contactLabel.tell {background:url(/assets/img/phone_icon.png)no-repeat 0 50%;background-size:20px; padding-left:40px;}
.profileWrap .contactList .contactLabel.email {background:url(/assets/img/mail.png)no-repeat 0 50%; padding-left:40px; background-size:22px;}
.profileWrap .contactList .contactLabel.address  {background:url(/assets/img/map_icon2.png)no-repeat 3% 50%; padding-left:40px; background-size:17px;}
.profileWrap .contactList .contactData {display:flex; flex-direction:column; gap:4px;padding:7px 0; width:calc(100% - 130px); font-size:17px;}
.infomation {width:100%; display:flex; flex-direction:column; gap:20px; padding:30px 0;}
.infomation .infoTit {font-size:20px; color:#000; padding-bottom:10px;}
.infomation .infoItem {display:flex; gap:10px;}
.infomation .infoItem .infoLabel {width:130px; font-size:17px; color:#7a7f8d;}
.infomation .infoItem .infoValue {width:calc(100% - 140px); font-size:17px;}
.boxContWrap {display:flex; flex-direction:column; gap:20px;}
.boxItem {background:#f8f8f8;display:flex; flex-direction:column; gap:20px; padding:20px; border-radius:15px;}
.boxItem .topCont {width:100%; display:flex; gap:20px; align-items:center;}
.boxItem .topCont .infoTit1 {font-size:20px; color:#000;font-weight:700;}
.boxItem .topCont .infoValue1 {font-size:16px; color:#575bfb;}
.boxItem .subItem {display:flex; flex-direction:column; gap:15px;}
.boxItem .subItem .subTop {display:flex; justify-content:space-between; align-items:center;}
.boxItem .subItem .subTop .topTit {font-size:17px; font-weight:700;}
.boxItem .subItem .subTop .topTxt {font-size:15px; color:#717171;}
.boxItem .subItem .subCont {display:flex; flex-direction:column; gap:12px;}
.boxItem .subItem .subBox {display:flex; gap:10px;}
.boxItem .subItem .subBox .conTit {font-size:16px; width:130px; line-height:1.4;}
.boxItem .subItem .subBox .conTxt {font-size:16px; width:calc(100% - 140px); font-weight:300; line-height:1.4;}
[class *= "box"]:before, [class *= "box"]:after {display:none;}

@media (max-width:580px) {
	.myResumeWrap {padding:60px 0 50px 0;}
	.myResumeWrap .reTitBox {padding:30px 20px;}
	.myResumeWrap .reTit {font-size:20px;}
	.myResumeWrap .reDate {font-size:15px;}
	.myResumeWrap .defaultBox {border-radius:20px 20px 0 0; padding:20px;}
	.profileWrap .profile .left {width:120px; height:120px;}
	.profileWrap .profile .right {width:calc(100% - 160px);}
	.profileWrap .profile .proName {font-size:20px;}
	.profileWrap .contactList {gap:8px;}
	.profileWrap .contactList .contactLabel {font-size:16px;}
	.profileWrap .contactList .contactLabel.phone {background-size:13px;}
	.profileWrap .contactList .contactLabel.tell {background-size:18px;}
	.profileWrap .contactList .contactLabel.email {background-size:19px;}
	.profileWrap .contactList .contactLabel.address {background-size:14px;}
	.profileWrap .contactList .contactData {font-size:16px;}
	.defaultBox .profileWrap .profile {gap:30px;}
	.infomation .infoTit {font-size:18px;}
	.infomation .infoItem .infoLabel {font-size:16px;}
	.infomation .infoItem .infoValue {font-size:16px;}
	.boxItem .topCont .infoTit1 {font-size:18px;}
	.boxItem .subItem .subTop .topTit {font-size:16px;}
	.boxItem .subItem .subTop .topTxt {font-size:14px;}
	.boxItem .subItem .subBox .conTit {font-size:15px;}
	.boxItem .subItem .subBox .conTxt {font-size:15px;}
}

@media (max-width:480px) {
	.myResumeWrap .reTit {font-size:18px;}
	.myResumeWrap .reDate {font-size:14px;}
	.myResumeWrap .defaultBox {padding:15px;}
	.myResumeWrap .reTitBox {gap:12px;}
	.profileWrap .profile .left {border-radius:30px;}
	.profileWrap .profile .proName {font-size:18px;}
	.profileWrap .profile .genderAge {font-size:16px;}
	.profileWrap .profile .right {width:calc(100% - 150px);}
	.profileWrap .profile .authVerify {font-size:13px;}
	.profileWrap .profile .authVerify img {width:15px; height:15px;}
	.profileWrap .contactList .contactLabel {font-size:14px; width:100px;}
	.profileWrap .contactList .contactLabel.phone {background-size:12px; padding-left:30px;}
	.profileWrap .contactList .contactLabel.tell {background-size:16px; padding-left:30px;}
	.profileWrap .contactList .contactLabel.email {background-size:17px; padding-left:30px;}
	.profileWrap .contactList .contactLabel.address {background-size:12px; padding-left:30px;}
	.profileWrap .contactList .contactData {font-size:14px; padding:4px 0; width:calc(100% - 110px);}
	.profileWrap .contactList .contactLabel {padding:4px 0;}
	.infomation {gap:15px;}
	.infomation .infoTit {font-size:16px;}
	.infomation .infoItem .infoLabel {font-size:14px; width:100px;}
	.infomation .infoItem .infoValue {font-size:14px; width:calc(100% - 110px);}
	.boxContWrap {border-top:1px solid #e0e0e0; border-style:dashed; padding-top:30px; gap:30px;}
	.boxItem {background:none; padding:0; border-radius:0; border-bottom:1px solid #f0f0f0;}
	.boxItem:last-of-type {border-bottom:none;}
	.boxItem .topCont .infoTit1 {font-size:16px;}
	.boxItem .topCont .infoValue1 {font-size:15px;}
	.boxItem .subItem .subCont {padding-bottom:30px;}
	.boxItem .subItem .subTop .topTit {font-size:14px;}
	.boxItem .subItem .subTop .topTxt {font-size:13px; font-weight:400;}
	.boxItem .subItem .subBox .conTit {font-size:14px; width:100px; color:#7a7f8d;}
	.boxItem .subItem .subBox .conTxt {font-size:14px; width:calc(100% - 110px); font-weight:400;}
	.wmBtnBox .editResume {font-size:16px;}
	.wmBtnBox .deleteResume {font-size:16px;}
	.wmBtnBox .deleteResume img {width:14px;}
	.wmBtnBox .editResume img {width:16px;}
}

@media (max-width:420px) {
	.myResumeWrap .reTitBox {padding:20px 15px; gap:8px;}
	.myResumeWrap .reTit {font-size:17px;}
	.myResumeWrap .reDate {font-size:12px;}
	.defaultBox .profileWrap .profile {gap:20px;}
	.defaultBox .profileWrap {gap:20px;}
	.profileWrap .profile .proName {padding-top:30px; font-size:16px;}
	.profileWrap .profile .genderAge {font-size:14px;}
	.profileWrap .profile .left {width:100px; height:100px; border-radius:20px;}
	.profileWrap .profile .right {width:calc(100% - 120px);}
	.profileWrap .contactList {padding-bottom:20px;}
	.profileWrap .contactList .contactLabel.phone {background-size:11px;}
	.profileWrap .contactList .contactLabel.tell {background-size:14px;}
	.profileWrap .contactList .contactLabel.email {background-size:15px;}
	.profileWrap .contactList .contactLabel.address {background-size:11px;}
	.profileWrap .contactList .contactLabel {font-size:13px; width:90px;}
	.profileWrap .contactList .contactData {font-size:13px; width:calc(100% - 100px);}
	.infomation {padding:20px 0;}
	.infomation .infoTit {font-size:15px;}
	.infomation .infoItem .infoLabel {width:90px; font-size:13px;}
	.infomation .infoItem .infoValue {width:calc(100% - 100px); font-size:13px;}
	.boxItem .topCont .infoTit1 {font-size:15px; font-weight:400;}
	.boxContWrap {padding-top:20px;}
	.boxItem .topCont .infoValue1 {font-size:13px; font-weight:700;}
	.boxItem .subItem .subTop .topTit {font-size:13px;}
	.boxItem .subItem .subBox .conTit {font-size:13px; width:90px;}
	.boxItem .subItem .subBox .conTxt {font-size:13px; width:calc(100% - 100px);}
	.boxItem .subItem .subTop .topTxt {font-size:12px;}
	.boxItem .subItem .subCont {padding-bottom:20px;}
	.boxContWrap {gap:20px;}
}

@media (max-width:400px) {
	.myResumeWrap {padding:50px 0;}
}

@media (max-width:360px) {
	.profileWrap .contactList .contactLabel {width:80px;}
	.profileWrap .contactList .contactData {width:calc(100% - 90px);}
	.infomation .infoItem .infoLabel {width:80px;}
	.infomation .infoItem .infoValue {width:calc(100% - 90px);}
	.boxItem .subItem .subBox .conTit {width:80px;}
	.boxItem .subItem .subBox .conTxt {width:calc(100% - 90px);}
}


input.dateInputFlat {
    background:url('/assets/img/month.png') no-repeat 90% 50% #F3F3F5!important; background-size:22px!important; cursor:pointer!important;
}

.eduBox a.eduFinal.active {border: 2px solid #5943F8;}
.eduBox span.eduFinalTxt {color:#5943f8;}
.boxItem .infoValueTxt {font-size:16px; color:#575bfb;}

.wfForm {display:flex; flex-direction:column; height:100%; justify-content:space-between;}
.writeModalCont.infoPopup.wfWrap {height:100% !important;}
.wfBtnWrap {width: 100%;gap: 10px;display: flex;}
.wfBtnWrap .endBtn img {width: 25px;height: 25px; margin-right: 10px;}
.wfBtnWrap .endBtn {width: 100%;height: 60px;border-radius: 8px;background: #5943F8;color: #fff;display: flex;align-items: center;justify-content: center;}

@media (max-width: 580px) {
    .wfBtnWrap .viewBtn {height: 50px;}
	.wfBtnWrap .endBtn {height: 50px;}
}

@media (max-width: 480px) {
    .wfBtnWrap .endBtn {font-size: 17px; margin-bottom:20px;}
	.wfBtnWrap .endBtn img {width: 20px;height: 20px;}
}

/** 비활성화버튼 **/
.noFindBtn {width: 100%;height: 60px;background: #aeaeb1;color: #555;font-size: 20px;border-radius: 12px;}
@media (max-width:480px) {
	.findWrap .noFindBtn {font-size: 18px;border-radius: 8px;height: 50px;}
}


/* counsel추가작업 */
#counselForm {display:block;}
#counselForm .boxItem {position:relative; background:#fff; padding:0; gap:14px; padding-top:30px; border:0; border-top:1px solid #e0e0e0;}
#counselForm .infoTit1 {display:block; font-size:18px; font-weight:500; color:#000; letter-spacing:-0.01em;}
#counselForm .infoTit1 b {color: #FF5E5E;padding-left: 4px; font-size:19px;}
#counselForm .uiTextarea {width:100%; min-height:160px; padding:12px 14px; border:2px solid #e0e0e0; border-radius:12px; background:#ffffff; color:#4c4c4c; font-size:15px; line-height:1.6; resize:none; overflow:auto; transition:border-color .2s, box-shadow .2s, background .2s;}
#counselForm .uiTextarea::placeholder {color:#8d90a8; opacity:.9;}
#counselForm .uiTextarea::-webkit-input-placeholder {color:#8d90a8; opacity:1;}
#counselForm .uiTextarea::-moz-placeholder {color:#8d90a8; opacity:1;}
#counselForm .uiTextarea:-ms-input-placeholder {color:#8d90a8;}
#counselForm .uiTextarea::-ms-input-placeholder {color:#8d90a8;}
#counselForm .uiTextarea:focus {outline:none; border-color:#4b6cff; box-shadow:0 0 0 2px rgb(98 150 239 / 35%);}
#counselForm .uiTextarea[readonly] {opacity:.95; cursor:default;}
#counselForm .uiTextarea[disabled] {opacity:.6; cursor:not-allowed;}
#counselForm .uiTextarea::-webkit-scrollbar {width:8px; height:8px;}
#counselForm .uiTextarea::-webkit-scrollbar-track {background:transparent;}
#counselForm .uiTextarea::-webkit-scrollbar-thumb {background:#C3E6FF; border-radius:8px;}
#counselForm .btnSave {width: 100%;height: 60px;background: #5943F8;color: #fff;font-size: 22px;border: none;border-radius: 12px;cursor: pointer;margin-bottom: 20px;}

:root {--page-max:640px;}
.wmScrollFab {position:fixed; right:max(12px, calc((100vw - var(--page-max))/2 + 12px)); bottom:24px; width:40px; height:40px; border:none; border-radius:50%; background:#5943F8; color:#fff; font-size:16px; display:flex; align-items:center; justify-content:center; box-shadow:0 8px 24px rgba(89,67,248,.35); cursor:pointer; z-index:999; transition:transform .12s ease, box-shadow .2s ease;}
.wmScrollFab:hover {transform:translateY(-1px); box-shadow:0 12px 28px rgba(89,67,248,.45);}
.wmScrollFab:active {transform:translateY(0);}
.wmScrollFab.is-top {background:#0a0b0c;}

@media (max-width:640px) {
	 .wmScrollFab {right:12px; bottom:calc(env(safe-area-inset-bottom, 0) + 12px); width:44px; height:44px; font-size:20px;}
}

@media (max-width:480px) {
	#counselForm .boxItem  {border-top:none; padding-top:0; border-bottom:none;}
	#counselForm .btnSave {height: 50px;font-size: 18px;border-radius: 8px;}
	#counselForm .infoTit1 {font-size:15px;}
	#counselForm .uiTextarea {border:none; background:#f6f6f6;}
	#counselForm .uiTextarea {font-size:13px;}
	#counselForm .infoTit1 b {font-size:16px;}
	.wmScrollFab {right:12px; bottom:12px; width:38px; height:38px; font-size:15px;}
}