article.contentsWrap div.contents div.joinHeader {
  width: 100%;
  text-align: center;
}
article.contentsWrap div.contents div.joinHeader p {
  font-size: 18px;
  font-weight: 600;
}
article.contentsWrap div.contents div.joinHeader ul {
  margin: 10px 0 0 0;
}
article.contentsWrap div.contents div.joinHeader ul > li {
  line-height: 150%;
}
article.contentsWrap div.contents div.btnGroup > button.btnAgree {
  background: #df0000;
}
article.contentsWrap div.contents div.btnGroup > button.btnSubmit {
  background: #df0000;
}
article.contentsWrap div.contents div.btnGroup > button.btnSecession {
  background: #999;
  width: 100px;
  padding: 5px 10px 8px 10px;
  font-size: 13px;
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0;
  display: block;
}
article.contentsWrap div.contents div.btnGroup label.chk_security {
  display: block;
}
article.contentsWrap div.contents span.infoText {
  margin: 0 0 0 5px;
}
article.contentsWrap div.contents span.infoText sup {
  top: -0.1em;
  font-size: 13px;
}
article.contentsWrap div.contents span.infoText.essential {
  color: #c80000;
}
article.contentsWrap div.contents span.infoText.option {
  color: #0039DC;
}
article.contentsWrap div.contents.joinConfirm table.tblMember th, article.contentsWrap div.contents.joinModify table.tblMember th {
  position: relative;
  padding: 14px 16px;
  text-align: left;
}
article.contentsWrap div.contents.joinConfirm table.tblMember td, article.contentsWrap div.contents.joinModify table.tblMember td {
  position: relative;
  text-align: left;
}
article.contentsWrap div.contents.joinConfirm table.tblMember td input[type=text].userId, article.contentsWrap div.contents.joinConfirm table.tblMember td input[type=text].userName, article.contentsWrap div.contents.joinConfirm table.tblMember td input[type=text].birthday, article.contentsWrap div.contents.joinConfirm table.tblMember td input[type=text].otp, article.contentsWrap div.contents.joinModify table.tblMember td input[type=text].userId, article.contentsWrap div.contents.joinModify table.tblMember td input[type=text].userName, article.contentsWrap div.contents.joinModify table.tblMember td input[type=text].birthday, article.contentsWrap div.contents.joinModify table.tblMember td input[type=text].otp {
  width: 200px;
}
article.contentsWrap div.contents.joinConfirm table.tblMember td input[type=text].email, article.contentsWrap div.contents.joinModify table.tblMember td input[type=text].email {
  width: 400px;
}
article.contentsWrap div.contents.joinConfirm table.tblMember td input[type=password], article.contentsWrap div.contents.joinModify table.tblMember td input[type=password] {
  width: 200px;
}
article.contentsWrap div.contents.joinConfirm table.tblMember td span.line, article.contentsWrap div.contents.joinModify table.tblMember td span.line {
  display: inline-block;
  margin: 0 7px 0 5px;
  text-align: center;
}
article.contentsWrap div.contents.joinConfirm table.tblMember td span.spacing, article.contentsWrap div.contents.joinModify table.tblMember td span.spacing {
  display: inline-block;
  margin: 0 7px 0 0;
  text-align: center;
}
article.contentsWrap div.contents.joinConfirm table.tblMember td ul.alignCol, article.contentsWrap div.contents.joinModify table.tblMember td ul.alignCol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
article.contentsWrap div.contents.joinConfirm table.tblMember td ul.alignCol.tel input, article.contentsWrap div.contents.joinConfirm table.tblMember td ul.alignCol.tel select, article.contentsWrap div.contents.joinModify table.tblMember td ul.alignCol.tel input, article.contentsWrap div.contents.joinModify table.tblMember td ul.alignCol.tel select {
  width: 100px;
}
article.contentsWrap div.contents.joinConfirm table.tblMember td ul.alignCol.route, article.contentsWrap div.contents.joinModify table.tblMember td ul.alignCol.route {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 750px;
  margin: 10px 10px 0 10px;
}
article.contentsWrap div.contents.joinConfirm table.tblMember td ul.alignCol.route > li, article.contentsWrap div.contents.joinModify table.tblMember td ul.alignCol.route > li {
  width: 48%;
  padding: 8px;
  margin: 5px;
  border: 1px solid #f0f0f0;
  border-radius: 5px;
  line-height: 32px;
}
article.contentsWrap div.contents.joinConfirm table.tblMember td ul.alignCol.route > li input[type=text], article.contentsWrap div.contents.joinModify table.tblMember td ul.alignCol.route > li input[type=text] {
  width: 220px;
  margin: 0 0 0 10px;
  font-size: 15px;
}
article.contentsWrap div.contents.joinConfirm table.tblMember td ul.alignCol.route > li label, article.contentsWrap div.contents.joinModify table.tblMember td ul.alignCol.route > li label {
  display: inline-block;
  font-size: 15px;
}
article.contentsWrap div.contents.joinConfirm table.tblMember td ul.alignCol.marketing > li, article.contentsWrap div.contents.joinModify table.tblMember td ul.alignCol.marketing > li {
  margin: 0 14px 4px 0;
}
article.contentsWrap div.contents.joinConfirm table.tblMember td ul.alignCol.marketing > li:first-child, article.contentsWrap div.contents.joinModify table.tblMember td ul.alignCol.marketing > li:first-child {
  width: 50px;
}
article.contentsWrap div.contents.joinConfirm table.tblMember td ul.alignCol li, article.contentsWrap div.contents.joinModify table.tblMember td ul.alignCol li {
  margin: 0 10px 0 0;
}
article.contentsWrap div.contents.joinConfirm table.tblMember td ul.alignRow, article.contentsWrap div.contents.joinModify table.tblMember td ul.alignRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
article.contentsWrap div.contents.joinConfirm table.tblMember td ul.alignRow.address input.zipcode, article.contentsWrap div.contents.joinModify table.tblMember td ul.alignRow.address input.zipcode {
  width: 150px;
}
article.contentsWrap div.contents.joinConfirm table.tblMember td ul.alignRow li, article.contentsWrap div.contents.joinModify table.tblMember td ul.alignRow li {
  margin: 0 0 6px 0;
}
article.contentsWrap div.contents.joinConfirm table.tblMember td ul.alignRow li:last-child, article.contentsWrap div.contents.joinModify table.tblMember td ul.alignRow li:last-child {
  margin: 0;
}
article.contentsWrap div.contents.joinConfirm table.tblMember td div.msgAllow, article.contentsWrap div.contents.joinModify table.tblMember td div.msgAllow {
  margin: 12px 0 0 0;
}
article.contentsWrap div.contents.joinConfirm table.tblMember td p.stxt, article.contentsWrap div.contents.joinModify table.tblMember td p.stxt {
  padding: 6px 0 0 1px;
  font-size: 15px;
  color: #3864d7;
}
article.contentsWrap div.contents.joinConfirm table.tblMember td div.otpBtnBox, article.contentsWrap div.contents.joinModify table.tblMember td div.otpBtnBox {
  position: absolute;
  top: 12px;
  display: inline-block;
}
article.contentsWrap div.contents.joinConfirm table.tblMember td div.deadlineBox, article.contentsWrap div.contents.joinModify table.tblMember td div.deadlineBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 10px 0 0 0;
}
article.contentsWrap div.contents.joinConfirm table.tblMember td div.deadlineBox p.deadline, article.contentsWrap div.contents.joinModify table.tblMember td div.deadlineBox p.deadline {
  width: 120px;
  margin: 3px 0 0 1px;
  font-size: 15px;
  color: #df0000;
}
article.contentsWrap div.contents.joinConfirm table.tblMember td div.deadlineBox button, article.contentsWrap div.contents.joinModify table.tblMember td div.deadlineBox button {
  width: 70px;
  height: 28px;
  padding: 0 6px;
  font-size: 14px;
  line-height: 28px;
}
article.contentsWrap div.contents.join div.joinTypeWrap {
  margin: 30px 0 0 0;
}
article.contentsWrap div.contents.join div.joinTypeWrap ul.alignType {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
article.contentsWrap div.contents.join div.joinTypeWrap ul.alignType > li {
  width: 48%;
  padding: 50px 40px;
  border-radius: 20px;
  background: #f6f7f9;
  text-align: center;
}
article.contentsWrap div.contents.join div.joinTypeWrap ul.alignType > li.true em {
  padding: 50px 0 0 0;
  background: url("/_Resources/Front/images/ico/peopleAdult.png") no-repeat top;
  color: #3968e2;
}
article.contentsWrap div.contents.join div.joinTypeWrap ul.alignType > li.false em {
  padding: 50px 0 0 0;
  background: url("/_Resources/Front/images/ico/peopleChild.png") no-repeat top;
  color: #5f6773;
}
article.contentsWrap div.contents.join div.joinTypeWrap ul.alignType > li p {
  margin: 0 0 20px 0;
  font-size: 18px;
  font-weight: 600;
}
article.contentsWrap div.contents.join div.joinTypeWrap ul.alignType > li p em {
  display: block;
  font-size: 20px;
}
article.contentsWrap div.contents.join div.joinTypeWrap ul.alignType > li button.btnJoin {
  display: block;
  width: 80%;
  height: 60px;
  margin: 0 auto;
  border-radius: 5px;
  font-size: 16px;
  line-height: 60px;
  color: #fff;
}
article.contentsWrap div.contents.join div.joinTypeWrap ul.alignType > li button.btnJoin.true {
  background: #3968e2;
}
article.contentsWrap div.contents.join div.joinTypeWrap ul.alignType > li button.btnJoin.false {
  background: #5f6773;
}
article.contentsWrap div.contents.agreement div.agreementWrap {
  margin: 30px 0 0 0;
}
article.contentsWrap div.contents.agreement div.agreementWrap > label {
  font-weight: 600;
  cursor: pointer;
}
article.contentsWrap div.contents.agreement div.agreementWrap > label > input {
  margin-right: 5px;
}
article.contentsWrap div.contents.agreement div.agreementWrap div.agreementAll {
  padding: 20px 16px;
  border-top: 2px solid #212d3d;
  background: #f6f7f9;
  font-weight: 600;
}
article.contentsWrap div.contents.agreement div.agreementWrap div.agreementItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 20px 16px;
  border-bottom: 1px solid #dee0e2;
}
article.contentsWrap div.contents.agreement div.agreementWrap div.agreementItem > label {
  width: calc(100% - 50px);
  line-height: 30px;
  cursor: pointer;
}
article.contentsWrap div.contents.agreement div.agreementWrap div.agreementItem button.btnDetailShow {
  position: relative;
  width: 50px;
  height: 30px;
  font-size: 15px;
}
article.contentsWrap div.contents.agreement div.agreementWrap div.agreementItem button.btnDetailShow::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 18px;
  width: 13px;
  height: 13px;
  border: 1px solid #21242E;
  border-right-width: 0;
  border-top-width: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
article.contentsWrap div.contents.agreement div.agreementWrap div.agreementItem button.btnDetailShow.active::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 18px;
  width: 13px;
  height: 13px;
  border: 1px solid #21242E;
  border-left-width: 0;
  border-bottom-width: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
article.contentsWrap div.contents.agreement div.agreementWrap div.agreementItem div.agreementDetail {
  display: none;
  width: 100%;
  height: 500px;
  padding: 10px;
  margin-top: 15px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
article.contentsWrap div.contents.agreement div.agreementWrap div.agreementItem div.agreementDetail h5 {
  margin: 30px 0 20px 0;
  font-size: 18px;
  font-weight: 600;
}
article.contentsWrap div.contents.agreement div.agreementWrap div.agreementItem div.agreementDetail h6 {
  margin: 20px 0 10px 0;
  font-size: 16px;
  font-weight: 600;
}
article.contentsWrap div.contents.agreement div.agreementWrap div.agreementItem div.agreementDetail ol li {
  list-style: decimal;
  margin: 0 0 5px 20px;
  line-height: 135%;
}
article.contentsWrap div.contents.agreement div.agreementWrap div.agreementItem div.agreementDetail ol.innerListNum {
  padding: 0;
  margin: 6px 0;
}
article.contentsWrap div.contents.agreement div.agreementWrap div.agreementItem div.agreementDetail ul.outerList {
  margin: 10px 0 0 0;
  padding: 0 0 0 15px;
}
article.contentsWrap div.contents.agreement div.agreementWrap div.agreementItem div.agreementDetail ul.outerList li {
  list-style: disc;
  margin: 0 0 10px 0;
  padding: 0;
}
article.contentsWrap div.contents.agreement div.agreementWrap div.agreementItem div.agreementDetail p.summaryText {
  margin: 14px 0 0 0;
}
article.contentsWrap div.contents.agreement div.agreementWrap div.agreementItem div.agreementDetail table.tblDefault {
  margin: 10px 0 0 0;
}
article.contentsWrap div.contents.agreement div.agreementWrap div.agreementItem div.agreementDetail table.tblPolicies {
  width: 100%;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  margin-top: 15px;
}
article.contentsWrap div.contents.agreement div.agreementWrap div.agreementItem div.agreementDetail table.tblPolicies th {
  padding: 10px;
  background: #e6e6e6;
  border-bottom: 1px solid #ccc;
  text-align: center;
  border-right: 1px solid #ddd;
}
article.contentsWrap div.contents.agreement div.agreementWrap div.agreementItem div.agreementDetail table.tblPolicies td {
  font-size: 14px;
  line-height: 130%;
  padding: 10px;
  background: #fff;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ddd;
  text-align: center;
}
article.contentsWrap div.contents.pwCheck div.pwCheckWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 40px 0;
}
article.contentsWrap div.contents.pwCheck div.pwCheckWrap div.row {
  width: 100%;
  padding: 70px 0 0 0;
  background: url("/_Resources/Front/2024/images/common/ico_alert_gray.svg") center top no-repeat;
  background-size: 60px;
  text-align: center;
}
article.contentsWrap div.contents.pwCheck div.pwCheckWrap div.row p {
  margin: 0 0 10px 0;
}
article.contentsWrap div.contents.pwCheck div.pwCheckWrap div.row p.title {
  margin: 0 0 14px 0;
  font-size: 20px;
  font-weight: 600;
}
article.contentsWrap div.contents.pwCheck div.pwCheckWrap div.row p.title span.userName {
  color: #3968e2;
  font-weight: 600;
  text-decoration: underline;
}
article.contentsWrap div.contents.pwCheck div.pwCheckWrap div.inputWrap {
  width: 700px;
  padding: 30px;
  margin: 20px auto;
  background: #f3f3f3;
  border-radius: 20px;
}
article.contentsWrap div.contents.pwCheck div.pwCheckWrap div.inputWrap dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
article.contentsWrap div.contents.pwCheck div.pwCheckWrap div.inputWrap dl dt {
  width: 150px;
  height: 34px;
  line-height: 40px;
  padding: 5px 0;
}
article.contentsWrap div.contents.pwCheck div.pwCheckWrap div.inputWrap dl dd {
  width: calc(100% - 150px);
  min-height: 34px;
  padding: 5px 0;
}
article.contentsWrap div.contents.pwCheck div.pwCheckWrap div.inputWrap dl dd span.userID {
  font-weight: 600;
  line-height: 40px;
  letter-spacing: 0;
}
article.contentsWrap div.contents.pwCheck div.pwCheckWrap div.inputWrap dl dd #pwdLevel.pwLevel1, article.contentsWrap div.contents.pwCheck div.pwCheckWrap div.inputWrap dl dd #pwdLevel.pwLevel2, article.contentsWrap div.contents.pwCheck div.pwCheckWrap div.inputWrap dl dd #pwdLevel.pwLevel3 {
  background-position-y: 18px;
}
article.contentsWrap div.contents.joinDone div.joinDoneWrap {
  width: 100%;
  padding: 50px 40px;
  margin: 0 auto;
  background: #f6f7f9;
  border-radius: 14px;
}
article.contentsWrap div.contents.joinDone div.joinDoneWrap p {
  padding: 90px 0 0 0;
  background: url("/_Resources/Front/2024/images/memberJoin/ico_join_done.svg") no-repeat top;
  background-size: 70px;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  line-height: 28px;
}

#pwdLevel {
  font-size: 15px;
}
#pwdLevel.pwLevel0 {
  padding: 10px 0 5px 0;
}
#pwdLevel.pwLevel0 strong {
  color: #df0000;
}
#pwdLevel.pwLevel1 {
  background: url("/_Resources/Front/2024/images/memberJoin/pw_level1.png") no-repeat left 15px;
  padding: 10px 0 5px 40px;
}
#pwdLevel.pwLevel1 strong {
  color: #df0000;
}
#pwdLevel.pwLevel2 {
  background: url("/_Resources/Front/2024/images/memberJoin/pw_level2.png") no-repeat left 15px;
  padding: 10px 0 5px 40px;
}
#pwdLevel.pwLevel2 strong {
  color: #028658;
}
#pwdLevel.pwLevel3 {
  background: url("/_Resources/Front/2024/images/memberJoin/pw_level3.png") no-repeat left 15px;
  padding: 10px 0 5px 40px;
}
#pwdLevel.pwLevel3 strong {
  color: #3E73FB;
}
#pwdLevel #pwdLevelText {
  padding: 10px 0 5px 0;
  font-size: 15px;
}

div.pwModifyWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100vh;
}
div.pwModifyWrap div.pwModify {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 700px;
}
div.pwModifyWrap div.pwModify div.row {
  width: 100%;
  padding: 70px 0 0 0;
  background: url("/_Resources/Front/2024/images/common/ico_alert_gray.svg") center top no-repeat;
  background-size: 60px;
  text-align: center;
}
div.pwModifyWrap div.pwModify div.row p {
  margin: 0 0 10px 0;
}
div.pwModifyWrap div.pwModify div.row p.title {
  margin: 0 0 14px 0;
  font-size: 20px;
  font-weight: 600;
}
div.pwModifyWrap div.pwModify div.row p.title span.userName {
  color: #3968e2;
  font-weight: 600;
  text-decoration: underline;
}
div.pwModifyWrap div.pwModify div.inputWrap {
  width: 100%;
  padding: 30px;
  margin: 20px auto;
  background: #f3f3f3;
  border-radius: 20px;
}
div.pwModifyWrap div.pwModify div.inputWrap dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
div.pwModifyWrap div.pwModify div.inputWrap dl dt {
  width: 150px;
  height: 34px;
  line-height: 40px;
  padding: 5px 0;
}
div.pwModifyWrap div.pwModify div.inputWrap dl dd {
  width: calc(100% - 150px);
  min-height: 34px;
  padding: 5px 0;
}
div.pwModifyWrap div.pwModify div.inputWrap dl dd span.userID {
  font-weight: 600;
  line-height: 40px;
  letter-spacing: 0;
}
div.pwModifyWrap div.pwModify div.inputWrap dl dd #pwdLevel.pwLevel1, div.pwModifyWrap div.pwModify div.inputWrap dl dd #pwdLevel.pwLevel2, div.pwModifyWrap div.pwModify div.inputWrap dl dd #pwdLevel.pwLevel3 {
  background-position-y: 18px;
}