/* ////////////////// 멤버쉽 /////////////////// */
body:has(.join_box) .sub_content{line-height: 1.4em;}
body:has(.join_box, .result_box) .loginSec-headerCh{
  min-height: calc(100vh - 105px);
  display: flex; align-items: center;
}
.join_box:after{content: ''; display: block; clear: both}

/* join1 -> 약관동의 */
.join_box .all_chk{
  padding: 12px; margin-bottom: 30px;
  border: 1px solid #48658d; color: #26386d;
  font-size: 16px; font-weight: 700; border-radius: 2px; line-height: initial;
  display: flex; align-items: center; justify-content: center; gap: 6px;
}
.join_box .all_chk input[type="checkbox"]{width: 16px; height: 16px; margin-top: 1px;}
.join_box .all_chk label{padding-top: 1px;}

.join_box .table_st3--joinPc{display: none;}
.join_box .table_st3--joinMob{display:table;}

.join_box .chk_box{margin-bottom: 50px}
.join_box .chk_box_tit{width: fit-content; margin-bottom: 5px; padding-right: 13px;
  font-size: 15px; font-weight: 600; position: relative;}
.join_box .chk_box_tit--nece:after{
  content: "*";
  position: absolute; top: 0; right: 0;
  color: #ff3d00;
}
.join_box .chk_box_con{
  max-height: 360px; padding: 14px; margin-bottom: 5px;
  border: 1px solid #adb4c2; background: #ffffff;
  overflow-y: scroll;
  font-size: 14px; color: #131313;
  box-shadow: inset 0px 0px 2px 0px rgb(0 0 0 / 27%);
}
.join_box .con--pTxtInd15 p{text-indent: -15px; padding-left: 15px;}

.chk_box_con::-webkit-scrollbar {width: 4px !important;}
.chk_box_con::-webkit-scrollbar-thumb {
  background: #a7adb9   !important; /* 스크롤바 막대 색상 */
  border-radius: 12px 12px 12px 12px !important;
}
.chk_box_con::-webkit-scrollbar-track {background: transparent !important;}

/* firefox 브라우져 css 별도 적용 */
.chk_box_con{
  scrollbar-width: thin; /* 스크롤바 두께 */
  scrollbar-color: #a7adb9 transparent; /* 손잡이 색상과 트랙 색상 */
}

.join_box .chk_box_con .con_txt{line-height: 18px; word-break: keep-all;}
.join_box .con_txt--innerBox P{line-height: 1.2;}
.join_box .chk_box_agr{
  font-size: 14px; font-weight: 500; color: #1e1e1e;
  display: flex; align-items: center; justify-content: flex-end; gap: 4px;
}
.join_box .chk_box_agr input[type="checkbox"]{width: 15px; height: 15px;}

.placeAster{line-height:20px; padding-left:12px; position:relative;}
.placeAster:before{content:'*';position:absolute;left:0;}
.flexAdj_agr {display: flex; flex-direction: column; align-items: flex-end; gap: 0;}
.chk_box:has(.agreeDet){margin-bottom: 50px !important;}
.flexAlCenJuSbt:has(.agreeDet){display: block;}
.gap15:has(.agreeDet){gap: 10px;}
.chk_box:has(.agreeDet) .chk_box_agr{margin-top: 18px;}
.agreeDet{
  font-size: 12px; font-weight: 500; line-height: 21px;
  border: 1px solid #b2b6b8; background-color: #f8f9f9;
  border-radius: 2px; color: #101920; cursor: pointer;
  height: 22px; width: 61px; text-align: center;
}
.agreeDet:hover{border:1px solid #9ca0a3; color: inherit;}


/* join2 -> 본인인증 */
.join_box--ident{padding-top: 25px; word-break: keep-all;}
.ident_tit{color: #26386d; font-size: 20px; text-align: center; letter-spacing: -1px; font-weight: 600;}
.ident_txt{margin-top: 30px; text-align: center; letter-spacing: -1px; line-height: 20px; font-size:14px; }
.ident_txt--noti{color: #3c5d8d; font-weight: 500;}
.identBtnBox{
  width: 50%; min-width: 180px;
  text-align: center; margin:0 auto; margin-top: 30px;
}
.ident_btn{
  max-width: 180px; width: 100%; height: 45px; line-height: 47px; padding: 0 20px; display: inline-block; color: #ffffff; font-size: 15px; background: #1C7DEC;
  border-radius: 2px;
}
.ident_btn:first-child{margin-right: 5px}

/* join4 -> 가입완료 */
.result_box{
  padding-top: 20px; 
  text-align: center; letter-spacing: -1px;
  display: flex; align-items: center; flex-direction: column;
}
.resultImg{width: 60px; height: 60px; margin-bottom:25px;}
.resultTit{margin-bottom: 15px; color: #193b6a; font-size: 24px; font-weight: bold; line-height: 1.4em; word-break: keep-all}
.resultTxt{
  margin-bottom: 20px; color: #193b6a; 
  font-size: 14px; font-weight: 500; line-height: 18px;
  word-break: keep-all;
}
.result_box .lgfBtn_sj{display: inline-block; width:80%; max-width: 280px; }

.result_box .lgfBtn_sj{
  width: 100%; max-width: 306px;
  height: 44px; line-height: 44px;
  font-size: 14px; font-weight: 600; text-align: center;
  border-radius: 30px
}
.result_box .lgfBtn_submit{background-color:#0080ff; border: 1px solid #0d81e0; color: #fff;}
.result_box .lgfBtn_submit:hover{color: #fff;}
.result_box .lgfBtn_sj{display: inline-block; width:80%; max-width: 280px; }



@media screen and (max-width:525px) {
  /* 본인인증 */
	.ident_btn{max-width: 100%}
	.ident_btn:first-child{margin-right: 0; margin-bottom: 10px}
}

@media screen and (min-width:526px) {
  /* 약관동의 */
  .flexAlCenJuSbt:has(.agreeDet){display: flex;}
  .gap15:has(.agreeDet){gap: 15px;}
  .chk_box:has(.agreeDet) .chk_box_agr{margin-top:0px;}

  /* 본인인증 */
  .identBtnBox{width: auto; min-width: unset;}

  /* 가입완료 */
  .resultTit{font-size: 28px;}
  .resultTxt{font-size: 16px; line-height: 22px; margin-bottom: 30px;}
  .resultImg{width: 70px; height: 70px;}
}


@media screen and (min-width:768px) {
	/* 약관동의 */
	.join_box .all_chk{padding: 15px; font-size: 18px; margin-bottom: 40px;}
	.join_box .all_chk input[type="checkbox"]{width: 20px; height: 20px; margin-top: 2px;}
  .join_box .table_st3--joinPc{display: table;}
  .join_box .table_st3--joinMob{display:none;}
	.join_box .chk_box{margin-bottom: 30px;}
	.join_box .chk_box_tit{font-size: 16px;}
	.join_box .chk_box_con{font-size: 15px; padding: 25px;}
	.placeAster{line-height:24px;}
	.flexAdj_agr{flex-direction:row; align-items:center; gap: 25px; justify-content: flex-end;}
	/* -- */

  /* 본인인증 */
  .ident_txt{ line-height: 22px;}
  /* -- */

  /* 가입완료 */
  .resultTit{font-size: 30px;}
  .resultImg{width: 80px; height: 80px;}
  .result_box .lgfBtn_sj{height: 48px; line-height: 48px; font-size: 16px;}
}

@media screen and (min-width:1080px) {
  /* 약관동의 */
  .join_box .all_chk{padding: 20px; font-size: 20px;}

  /* 본인인증 */
  .ident_txt{font-size: 15px;}
  .ident_btn{height: 48px; line-height: 50px; font-size: 16px;}
}