@charset "utf-8";

/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// 로그인   //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
#loginPage { width:100%; max-width:500px;margin:0 auto; padding:0 10px; }
#loginPage .welcomeText { text-align:center; font-size:2.8rem; color;#010101; font-weight:600; line-height:1.5; margin-bottom:3.0rem; }
#loginPage .welcomeText strong { color:var(--blue01); }
#loginPage  .loginBox { display:flex; flex-direction:column; gap:1.0rem; }
#loginPage  .loginBox .loginInput { display:flex; flex-direction:column; gap:1.0rem;  }
#loginPage  .loginBox .loginInput .inputBox { display:flex; height:5.6rem; width:100%; border:1px solid #ccc; justify-content:space-between;align-items:center; }
#loginPage  .loginBox .loginInput .inputBox:before {  content:''; display:block; width:40px; height:40px; flex-shrinK:0; }
#loginPage  .loginBox .loginInput .inputBox.idInputBox:before { background:url(../../images_2023/member/id_icon.png)center no-repeat; background-size:100%; }
#loginPage  .loginBox .loginInput .inputBox.pwInputBox:before { background:url(../../images_2023/member/pw_icon.png)center no-repeat; background-size:100%; }
#loginPage  .loginBox .loginInput .inputBox.idInputBox { border-radius:1.0rem 0 0 0;}
#loginPage  .loginBox .loginInput .inputBox input { border:0; flex-grow:1; font-size:1.8rem; padding:0; }
#loginPage  .loginBox .loginInput .loginBtn { height:6.0rem; color:#fff; font-size:2.4rem; font-weight:600; border-radius:0 0 1.0rem 0; border:0; cursor:pointer; }
#loginPage  .loginBox .bottomBtns { margin-top:2.0rem; display:flex; justify-content:center; gap:2.0rem; align-items:center; }
#loginPage  .loginBox .bottomBtns .bottomBtn { display:flex; align-items:center; font-size:1.6rem; color:#010101; }
#loginPage  .loginBox .bottomBtns .bottomBtn:before { content:''; display:block; margin-right:0.5rem; width:1.0rem; height:1.0rem; background:var(--green02); border-radius:50%; }

/* ================================== Mobile (767 ~ 480, 479이하) ================================== */
@media all and (max-width: 767px) { 
	#loginPage .welcomeText { font-size:2.4rem; }
	#loginPage  .loginBox .loginInput .inputBox { height:5.0rem; }
	#loginPage  .loginBox .loginInput .loginBtn { height:5.2rem; font-size:2.0rem; }
	#loginPage  .loginBox .loginInput .inputBox input { font-size:1.6rem; }
}
@media all and (max-width: 479px) { 
	#loginPage .welcomeText { font-size:2.2rem; }
}


/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// 회원가입   //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
/*공통*/
#joinPage .title,
#joinPage_01 .member_title { font-size:2.4rem; color: #010101;  margin-bottom:1.0rem;  font-weight:700; line-height:1.5; margin-top:5.0rem; }

/*회원유형선택*/
#joinPage .memberTypeWrap .memberType { display:flex; gap:2%; justify-content:space-between; margin-top:5.0rem;}
#joinPage .memberTypeWrap .memberType .mType { border:1px solid #ccc; width:45%; flex-grow:1; padding:2.5rem 3.0rem; display:flex; flex-direction:column; justify-content:space-between; }
#joinPage .memberTypeWrap .memberType .mType .mtype_text { flex-grow:1; }
#joinPage .memberTypeWrap .memberType .mType .title_1 { font-size:2.4rem; text-align:center; margin-bottom:1.0rem; }
#joinPage .memberTypeWrap .memberType .mType.mtype_01 .title_1 { color:var(--blue01); }
#joinPage .memberTypeWrap .memberType .mType.mtype_02 .title_1 { color:var(--teal); }
#joinPage .memberTypeWrap .memberType .mType .mtype_text { font-size:1.6rem; }
#joinPage .memberTypeWrap .memberType .mType .mt_btn { width:100%; }
#joinPage .memberTypeWrap .memberType .mType .mt_btn button { height:5.6rem; width:100%; border:0; font-size:2.0rem; color:#fff; text-align:center; margin-top:3.0rem; border-radius:0 0 1.0rem 0; cursor:pointer; }
#joinPage .memberTypeWrap .memberType .mType.mtype_01 .mt_btn button { background:var(--blue01); }
#joinPage .memberTypeWrap .memberType .mType.mtype_02 .mt_btn button { background:var(--teal); }

/*약관동의*/
#joinPage.termAgreeWrap .termCnts { width:100%; height:25rem; overflow-y:auto; color:#777;}
#joinPage.termAgreeWrap .bottomBtns { display:flex; justify-content:center; gap:1.0rem; margin-top:3.0rem; }
#joinPage.termAgreeWrap .bottomBtns .buttonBig { color:#fff; font-size:1.8rem; display:block; cursor:pointer; }
#joinPage.termAgreeWrap .bottomBtns .buttonBig.okBtn {  border:0; width:15rem; }
#joinPage.termAgreeWrap .agreeBtn label { color:#010101; }

/*회원가입정보입력*/
#joinPage_01 .join_table { border-top:2px solid #010101; }
#joinPage_01 .join_table th,
#joinPage_01 .join_table td { font-size:1.6rem; border-bottom:1px solid #a9a9a9; padding:1.0rem; }
#joinPage_01 .join_table th { background:#f9f9f9; text-align:center; color:#010101; font-weight:600; }
#joinPage_01 .join_table th label { color:#010101; font-weight:600; }
#joinPage_01 .join_table input[type="password"],
#joinPage_01 .join_table input[type="text"],
#joinPage_01 .join_table select { height:4.0rem; line-height:4.0rem; border:1px solid #dfdfdf; font-size:1.6rem; }
#joinPage_01 .join_table p { line-height:1.2;  }
#joinPage_01 .join_table small { font-size:1.5rem; }
#joinPage_01 .join_table .flexBox { display:flex; flex-direction:row; gap:1.0rem; align-items:center; }
#joinPage_01 .join_table .flexboxCol { display:flex; flex-direction:column; gap:0.5rem; }
#joinPage_01 .join_table .shortInput { width:40%; min-width:20rem; }
#joinPage_01 .join_table #msg_mb_email { display:block }
#joinPage_01 .join_table .pfImgWrap { width:120px; height:150px; border:2px solid #ccc; }
#joinPage_01 .join_table .pfImgWrap img { width:100%; }
#joinPage_01 .join_table .postNum input { max-width:15rem; }
#joinPage_01 .join_table .postNumSrc { height:4.0rem; line-height:4.0rem; font-size:1.6rem; padding:0 1.0rem; flex-shrink:0; background:#a1a1a1; border-radius:3px; color:#fff; }
#joinPage_01 .join_table .textSelectBox { width:100%; height:8.0rem; }
#joinPage_01 .bottomBtns { display:flex; justify-content:center; gap:1.0rem; margin-top:3.0rem; }
#joinPage_01 .bottomBtns .buttonBig { color:#fff; font-size:1.8rem; display:block; cursor:pointer; }
#joinPage_01 .careerTable .careerInput { display:flex; gap:1.0rem; justify-content:space-between; align-items:center; }
#joinPage_01 .careerTable .careerInput .forMobile { display:none; }

/*우편번호 검색창*/
.zipCodeWrap { width:100%;	max-width:600px; margin:0 auto;}
.zipCodeWrap .zipCodeTitle { background:var(--blue); height:4.0rem; line-height:4.0rem;	color:#fff; font-size:2.0rem; text-align:center; }
.zipCodeWrap .zipcodeCnts {	padding:20px;font-size:1.6rem;line-height: 1.5;	color: #010101;}
.zipCodeWrap .zipcodeCnts .zipText {margin-bottom: 2.0rem;}
.zipCodeWrap .zipcodeCnts .zipText small {	font-size: 1.5rem;	color: #777;}
.zipCodeWrap .zipcodeCnts .zipSrcInput {display: flex;	justify-content: space-between;	gap: 1rem;	align-items: center;}
.zipCodeWrap .zipcodeCnts .zipSrcInput input[type="text"] {	flex-grow: 1; width: auto;	font-size: 1.6rem;}
.zipCodeWrap .zipcodeCnts .zipSrcInput .zipsrcBtn {	height: 3.8rem;	line-height: 3.8rem;width: 5.0rem;	text-align: center;	flex-shrink: 0;	border: 1px solid #a1a1a1;	background: #efefef;
	color: #010101;font-size: 1.8rem;}
.zipCodeWrap .zipSrcList { margin-top:2.0rem; padding-top:2.0rem; border-top:1px dotted #ccc; }
.zipCodeWrap .zipSrcList h3 { font-size:1.8rem; font-weight:600; color:#010101; margin-bottom:2.0rem; }
.zipCodeWrap .zipSrcList .zipList .resultNum { margin-bottom:0.5rem; font-size:1.5rem;  }
.zipCodeWrap .zipSrcList .zipList .zipTable { border-top:2px solid #333; }
.zipCodeWrap .zipSrcList .zipList .zipTable td { border-bottom:1px solid #efefef; padding:0.7rem 0; font-size:1.5rem; }
.zipCodeWrap .zipSrcList .zipList .zipTable .zipEnd { margin-top:0.5rem; }

/*회원가입완료*/
#joinResult { font-size:1.6rem; line-height:1.8; text-align:center; }
#joinResult .con_txt { font-size:2.8rem; color:#010101; margin-bottom:2.0rem; font-weight:600; line-height:1.5;}
#joinResult .congratulation { background:#fff;  }
#joinResult .home_btn { margin-top:30px; }
#joinResult .congratulation span.member { color:var(--blue01); font-weight:600; }
#joinResult .home_btn .buttonBig { width:15rem; margin:0 auto; }


/* ================================== Laptop (1024 ~ 1279) ================================== */
@media all and (max-width: 1279px) {
}

/* ================================== Tablet (768 ~ 1023) ================================== */
@media all and (max-width: 1023px) {
	/*회원유형선택*/
	#joinPage .memberTypeWrap .memberType { flex-direction:column; gap:2.0rem; }
	#joinPage .memberTypeWrap .memberType .mType { width:100%; }	
}

/* ================================== Mobile (767 ~ 480, 479이하) ================================== */
@media all and (max-width: 767px) { 
	/*회원유형선택*/
	#joinPage .memberTypeWrap .memberType .mType { padding:2.0rem; }
	#joinPage .memberTypeWrap .memberType .mType .mt_btn button { height:5.0rem; margin-top:2.0rem; font-size:1.8rem; }

	/*약관동의*/
	#joinPage.termAgreeWrap .termCnts { height:17rem; }
	#joinPage.termAgreeWrap .bottomBtns .button { height:5.0rem; }

	/*회원가입정보입력*/
	#joinPage_01 .join_table col { width:100% !important; }
	#joinPage_01 .join_table tbody { display:flex; flex-direction:column; width:100% !important;}
	#joinPage_01 .join_table tr { display:flex !important; flex-wrap:wrap; justify-content:space-between; width:100% !important; }
	#joinPage_01 .join_table:not(.careerTable) tr th {width:14rem; flex-shrink:0; }
	#joinPage_01 .join_table:not(.careerTable) tr td { width:calc(100% - 14rem); }
	#joinPage_01 .join_table.careerTable tr { border-bottom:1px solid #555; gap:1.0rem; padding:1.0rem 0; }
	#joinPage_01 .join_table.careerTable tbody tr:first-child { display:none !important; }
	#joinPage_01 .join_table.careerTable tr td { width:100%; border-bottom:0 !important; padding:0; }
	#joinPage_01 .careerTable .careerInput .forMobile { display:block; width:14rem; flex-shrink:0; color:#010101; font-weight:600; }
	#joinPage_01 .careerTable .careerInput input { flex-grow:1; }
	#joinPage_01 .join_table .flexBox { gap:0.5rem; }

	/*회원가입완료*/
	#joinResult .con_txt { font-size:2.2rem; }
}

@media all and (max-width: 479px) { 
	/*회원가입정보입력*/
	#joinPage_01 .join_table:not(.careerTable) tr th {width:100%; border-bottom:0; }
	#joinPage_01 .join_table:not(.careerTable) tr td { width:100%; border-bottom:1px solid #333 !important; }
	#joinPage_01 .careerTable .careerInput .forMobile { width:7rem; }
	#joinPage_01 .join_table .shortInput { width:100%; }
}	

/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// 아이디/비번 찾기   //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
.findInpwPage .findStepWrap { margin-bottom:6.0rem; }
.findInpwPage .findStepWrap .findStep { display:flex; justify-content:space-between; align-items:center; gap:3.0rem; }
.findInpwPage .findStepWrap .findStep li { width:calc(100%/3 - 6.0rem/3); display:flex; align-items:center; justify-content:center;  position:relative; background:#efefef; height:8rem; }
.findInpwPage .findStepWrap .findStep li:not(:last-child):after { width:2.0rem; height:100%; content:''; clip-path: polygon(0 0, 0% 100%, 100% 50%); background:#efefef;  display:block; position:absolute;
left:100%; top:0; }
.findInpwPage.findStepWrap .findStep li:first-child { border-radius:2.0rem 0 0 0; }
.findInpwPage.findStepWrap .findStep li:last-child { border-radius:0 0 2.0rem 0; }
.findInpwPage .findStepWrap .findStep li p { font-size:1.6rem; color:#010101; }
.findInpwPage .findStepWrap .findStep li p strong { font-size:2.6rem; font-weight:400; margin-right:1.0rem; color:#777; }
.findInpwPage .findStepWrap .findStep li.current:not(:last-child):after { background:var(--blue);   }
.findInpwPage .findStepWrap .findStep li.current { background:var(--blue); color:#fff;   }
.findInpwPage .findStepWrap .findStep li.current p { color:#fff;}
.findInpwPage .findStepWrap .findStep li.current p strong { color:#fff;}

.findInpwPage .findBoxWrap { width:100%; margin:0 auto; max-width:500px; padding:0 10px; }
.findInpwPage .findBox { margin-top:4.0rem; }
.findInpwPage .findBox .title_2 { color:#010101; font-size:2.8rem; margin-bottom:2.0rem; line-height:1.3;  }
.findInpwPage .findBox .title_2 .sub_txt { font-size:1.6rem; color:var(--blue01); font-weight:400; }
.findInpwPage .findBox .findInput {display:flex; flex-direction:column; gap:1.0rem; }
.findInpwPage .findBox .findInput .inputBox { display:flex; height:5.6rem; width:100%; border:1px solid #ccc; justify-content:space-between;align-items:center; }
.findInpwPage .findBox .findInput .inputBox:before {  content:''; display:block; width:40px; height:40px; flex-shrinK:0; }
.findInpwPage .findBox .findInput .inputBox.idInputBox:before { background:url(../../images_2023/member/id_icon.png)center no-repeat; background-size:100%; }
.findInpwPage .findBox .findInput .inputBox.emailInputBox:before { background:url(../../images_2023/member/email_icon.png)center no-repeat; background-size:100%; }
.findInpwPage .findBox .findInput .inputBox.idInputBox { border-radius:1.0rem 0 0 0;}
.findInpwPage .findBox .findInput .inputBox input { border:0; flex-grow:1; font-size:1.8rem; padding:0; }
.findInpwPage .bottomBtns { display:flex; gap:1.0rem; justify-content:center; align-items:center; margin-top:3.0rem; }
.findInpwPage .bottomBtns .nextBtn { width:100%; }

#findIdpw_2.findInpwPage .memberIdText { text-align:center; font-size:2.0rem; margin-bottom:2.0rem; }
#findIdpw_2.findInpwPage .memberIdText strong { color:var(--blue); font-weight:600; }
#findIdpw_2.findInpwPage .findBoxWrap02 { width:100%; margin:0 auto; max-width:500px; padding:0 10px; border-top:1px solid #333;}
#findIdpw_2.findInpwPage .box ul li { display:flex; margin-top:1.0rem;}
#findIdpw_2.findInpwPage .box ul li .tit { width:17rem; flex-shrink:0; }


/* ================================== Mobile (767 ~ 480, 479이하) ================================== */
@media all and (max-width: 767px) { 
	.findInpwPage .findStepWrap { margin-bottom:4.0rem; }
	.findInpwPage .findStepWrap .findStep { gap:1.5rem; }
	.findInpwPage .findStepWrap .findStep li { width:calc(100%/3 - 3.0rem/3); height:6.0rem; }
	.findInpwPage .findStepWrap .findStep li p { font-size:1.5rem; line-height:1.3; text-align:center;}
	.findInpwPage .findStepWrap .findStep li p strong { font-size:1.8rem; display:block; margin-right:0; }
	.findInpwPage .findStepWrap .findStep li:not(:last-child):after { width:1.5rem; } 
	.findInpwPage .findStepWrap .findStep li:first-child { border-radius:1.0rem 0 0 0; }
	.findInpwPage .findStepWrap .findStep li:last-child { border-radius:0 0 1.0rem 0; }

	.findInpwPage .findBox .title_2 { font-size:2.4rem;  }
	.findInpwPage .findBox .title_2 .sub_txt { font-size:1.5rem;}
	.findInpwPage .findBox .findInput .inputBox { height:5.0rem; }
	.findInpwPage .findBox .findInput .loginBtn { height:5.2rem; font-size:2.0rem; }
	.findInpwPage .findBox .findInput  .inputBox input { font-size:1.6rem; }
}


/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// 회원정보변경 - 회원확인   //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
#memberModify {  }
#memberModify .confirm_text { text-align:center; font-size:1.8rem; color:var(--blue01); margin-bottom:2.0rem; line-height:1.5; }
#memberModify .pwdConfirm_box { display:flex; flex-direction:column; gap:1.0rem; width:100%; max-width:500px;margin:0 auto; padding:0 10px; }
#memberModify .pwdConfirm_box .inputBox { display:flex; height:5.6rem; width:100%; border:1px solid #ccc; justify-content:space-between;align-items:center; }
#memberModify .pwdConfirm_box .inputBox:before {  content:''; display:block; width:40px; height:40px; flex-shrinK:0; }
#memberModify .pwdConfirm_box .inputBox.pwInputBox:before { background:url(../../images_2023/member/pw_icon.png)center no-repeat; background-size:100%; }
#memberModify .pwdConfirm_box .inputBox.idInputBox { border-radius:1.0rem 0 0 0;}
#memberModify .pwdConfirm_box .inputBox input { border:0; flex-grow:1; font-size:1.8rem; padding:0; }
#memberModify .pwdConfirm_box .okBtn { height:6.0rem; color:#fff; font-size:2.0rem; font-weight:600; border-radius:0 0 1.0rem 0; border:0; cursor:pointer; }


/* ================================== Mobile (767 ~ 480, 479이하) ================================== */
@media all and (max-width: 767px) { 
	#memberModify  .pwdConfirm_box .inputBox { height:5.0rem; }
	#memberModify  .pwdConfirm_box .okBtn { height:5.2rem; font-size:2.0rem; }
	#memberModify  .pwdConfirm_box .inputBox input { font-size:1.6rem; }
}
@media all and (max-width: 479px) { 
}


/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// 게시판-비밀글 패스워드입력   //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
.boardPassword .confirm_text { text-align:center; font-size:1.8rem; color:var(--blue01); margin-bottom:2.0rem; line-height:1.5; }
.boardPassword .pwdConfirm_box { display:flex; flex-direction:column; gap:1.0rem; width:100%; max-width:500px;margin:0 auto; padding:0 10px; }
.boardPassword .pwdConfirm_box .inputBox { display:flex; height:5.6rem; width:100%; border:1px solid #ccc; justify-content:space-between;align-items:center; }
.boardPassword .pwdConfirm_box .inputBox:before {  content:''; display:block; width:40px; height:40px; flex-shrinK:0; }
.boardPassword .pwdConfirm_box .inputBox.pwInputBox:before { background:url(../../images_2023/member/pw_icon.png)center no-repeat; background-size:100%; }
.boardPassword .pwdConfirm_box .inputBox.idInputBox { border-radius:1.0rem 0 0 0;}
.boardPassword .pwdConfirm_box .inputBox input { border:0; flex-grow:1; font-size:1.8rem; padding:0; }
.boardPassword .pwdConfirm_box .okBtn { height:6.0rem; color:#fff; font-size:2.0rem; font-weight:600; border-radius:0 0 1.0rem 0; border:0; cursor:pointer; }


/* ================================== Mobile (767 ~ 480, 479이하) ================================== */
@media all and (max-width: 767px) { 
	.boardPassword  .pwdConfirm_box .inputBox { height:5.0rem; }
	.boardPassword  .pwdConfirm_box .okBtn { height:5.2rem; font-size:2.0rem; }
	.boardPassword  .pwdConfirm_box .inputBox input { font-size:1.6rem; }
}
@media all and (max-width: 479px) { 
}