@charset "UTF-8";
body {
  padding: 0;
  margin: 0;
}

/* 오버레이 */
.content {
  display: flex;
  flex-direction: column;
  padding: 10px;
}
.content__login--title .toggle_btbox {
  width: 100%;
  display: flex;
}
.content__login--title .toggle_btbox p {
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  color: #323333;
}
.content__login--title .toggle_btbox span {
  margin-left: 10px;
  padding: 5px 15px;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: #ffffff;
  background-color: #5858ac;
  cursor: pointer;
}
.content__login--title .login_form {
  width: 100%;
}
.content__login--title .login_form form .login_form_wrap .form_bx {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.content__login--title .login_form form .login_form_wrap .form_bx input {
  margin-top: 10px;
  margin-bottom: 10px;
  width: calc(50% - 5px);
  height: 40px;
  border: 1px solid #e6e8eb;
}
.content__login--title .login_form form .login_form_wrap .bt_box button {
  padding: 5px 15px;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  color: #ffffff;
  background-color: #5858ac;
  cursor: pointer;
}
.content__login--title .login_form form .login_form_wrap .bt_box button.send_bt {
  background-color: #1b1b40;
}
.content__login--title .login_form2 .form2_wrap form {
  padding: 10px 0;
}
.content__login--title .login_form2 .form2_wrap form .row .form-group {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 5px 0;
}
.content__login--title .login_form2 .form2_wrap form .row .form-group label.form-label {
  width: 150px;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  color: #323333;
}
.content__login--title .login_form2 .form2_wrap form .row .form-group input {
  width: calc(100% - 150px);
  height: 40px;
  border: 1px solid #e6e8eb;
}
.content__login--title .login_form2 .form2_wrap form .row .form-group p {
  font-size: 15px;
  font-weight: 300;
  line-height: 24px;
  color: #323333;
}
.content__login--title .login_form2 .form2_wrap form .row .form-group .send_bt {
  padding: 5px 15px;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  color: #ffffff;
  background-color: #1b1b40;
  cursor: pointer;
}
.content__login--title .login_form2 .form2_wrap form .row.row_tex {
  padding: 10px 0;
}

.hr {
  width: 100%;
  height: 1px;
  margin: 20px 0;
  background-color: #eeeeee;
}

.item_opt p {
  font-size: 15px;
  font-weight: 300;
  line-height: 24px;
  color: #323333;
  padding-bottom: 20px;
}
.item_opt a.opt_a {
  padding: 10px 25px;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  color: #ffffff;
  background-color: #0a0a1a;
  cursor: pointer;
}

/*//////////////////////////////결제 페이지*/
.pay_sec .contain .pay_wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.pay_sec .contain .pay_wrap .title .title_h1 {
  margin: 30px 0 10px;
  text-transform: uppercase;
  font-size: 72px;
  font-weight: 600;
  line-height: 74px;
  color: #c8cbcc;
}
.pay_sec .contain .pay_wrap--title {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.pay_sec .contain .pay_wrap--title .title_h2 {
  font-size: 28px;
  font-weight: 400;
  line-height: 34px;
  color: #323333;
}
.pay_sec .contain .pay_wrap--title .title_h2 span {
  font-weight: 600;
  color: #5367a1;
}
.pay_sec .contain .pay_wrap--title .title_p {
  margin: 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  color: #323333;
}
.pay_sec .contain .pay_wrap--price {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 50px 0 40px;
}
.pay_sec .contain .pay_wrap--price .price_tex {
  font-size: 24px;
  font-weight: 400;
  line-height: 26px;
  color: #323333;
}
.pay_sec .contain .pay_wrap--price .price_tex span {
  font-weight: 600;
  color: #5367a1;
}
.pay_sec .contain .pay_wrap--price .item_tex {
  margin-top: 10px;
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
  color: #323333;
}
.pay_sec .contain .pay_wrap--price .item_tex span {
  font-weight: 500;
  color: #5367a1;
}
.pay_sec .contain .pay_wrap--pay {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.pay_sec .contain .pay_wrap--pay .pay_bt {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.pay_sec .contain .pay_wrap--pay .pay_bt .pay_btn {
  margin: 5px;
  width: 200px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #4a4a89;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #ffffff;
  text-decoration: none;
  transition: background-color 0.5s ease;
  cursor: pointer;
}
.pay_sec .contain .pay_wrap--pay .pay_bt .pay_btn:hover {
  background-color: #8c5590;
}
.pay_sec .contain .pay_wrap--pay .pay_bt .pay_btn.card {
  background-color: #0a0a1a;
}
.pay_sec .contain .pay_wrap--pay .pay_bt .pay_btn.card:hover {
  background-color: #8c5590;
}
.pay_sec .contain .pay_wrap--pay .pay_btn {
  margin: 5px;
  width: 200px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #4a4a89;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #ffffff;
  text-decoration: none;
  transition: background-color 0.5s ease;
  cursor: pointer;
}
.pay_sec .contain .pay_wrap--pay .pay_btn:hover {
  background-color: #8c5590;
}
.pay_sec .contain .pay_wrap--pay .bank_box .account {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}
.pay_sec .contain .pay_wrap--pay .bank_box .account .bank_p {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 5px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.pay_sec .contain .pay_wrap--pay .bank_box .account .bank_p.tit {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.pay_sec .contain .pay_wrap--pay .bank_box .account .bank_p .p_input {
  width: 350px;
  height: 40px;
  padding: 0 10px;
  border: 1px solid #e6e8eb;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.pay_sec .contain .pay_wrap--pay .bank_box .account .bank_p .p_btn {
  width: 150px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #2e94ad;
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
  border: none;
  color: #ffffff;
  cursor: pointer;
}
.pay_sec .contain .pay_wrap--pay .bank_box form {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.pay_sec .contain .pay_wrap--pay .bank_box form .bank_btn {
  margin-top: 20px;
  width: 150px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #55065c;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #ffffff;
  border: none;
  text-decoration: none;
  transition: background-color 0.5s ease;
  cursor: pointer;
}
.pay_sec .contain .pay_wrap--pay .bank_box form .bank_btn:hover {
  background-color: #9b4da3;
}
.pay_sec .contain .pay_wrap--estBx {
  margin-top: 20px;
}
.pay_sec .contain .pay_wrap--estBx a {
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  color: #4b4c4d;
}
.pay_sec .contain .pay_wrap .back_bx {
  margin-top: 50px;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.pay_sec .contain .pay_wrap .login_bx {
  margin-top: 20px;
}
.pay_sec .contain .pay_wrap .login_bx--title {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.pay_sec .contain .pay_wrap .login_bx--title .toggle_btbox span {
  margin: 5px;
  padding: 7px 25px;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  background-color: #0a0a1a;
  color: #ffffff;
  cursor: pointer;
}
.pay_sec .contain .pay_wrap .login_bx--title .error_box {
  padding: 20px;
}
.pay_sec .contain .pay_wrap .login_bx--title .error_box .invalid-feedback {
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  color: #9e334c;
}
.pay_sec .contain .pay_wrap .login_bx--title .login_form form .login_form_wrap .form_bx {
  display: flex;
  justify-content: center;
}
.pay_sec .contain .pay_wrap .login_bx--title .login_form form .login_form_wrap .form_bx .form_input {
  width: 200px;
  height: 40px;
  padding: 5px 10px;
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
  background-color: #ffffff;
  border: 1px solid #e6e8eb;
}
.pay_sec .contain .pay_wrap .login_bx--title .login_form form .login_form_wrap .bt_box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
}
.pay_sec .contain .pay_wrap .login_bx--title .login_form form .login_form_wrap .bt_box .send_bt {
  padding: 10px 30px;
  background-color: #0a0a1a;
  border: 1px solid #0a0a1a;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  color: #ffffff;
  cursor: pointer;
}
.pay_sec .contain .pay_wrap .login_bx--title .login_form form .login_form_wrap .bt_box .pass_box {
  margin-top: 10px;
}
.pay_sec .contain .pay_wrap .login_bx--title .login_form2 .form2_wrap form .login_form_wrap .form_bx {
  display: flex;
  justify-content: center;
  margin: 5px;
}
.pay_sec .contain .pay_wrap .login_bx--title .login_form2 .form2_wrap form .login_form_wrap .form_bx .form_input {
  width: 300px;
  height: 40px;
  padding: 5px 10px;
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
  background-color: #ffffff;
  border: 1px solid #e6e8eb;
}
.pay_sec .contain .pay_wrap .login_bx--title .login_form2 .form2_wrap form .login_form_wrap .bt_box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
}
.pay_sec .contain .pay_wrap .login_bx--title .login_form2 .form2_wrap form .login_form_wrap .bt_box .send_bt {
  padding: 10px 30px;
  background-color: #0a0a1a;
  border: 1px solid #0a0a1a;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  color: #ffffff;
  cursor: pointer;
}
.pay_sec .contain .pay_wrap .login_bx--title .login_form2 .form2_wrap form .login_form_wrap .bt_box .pass_box {
  margin-top: 10px;
}

/*# sourceMappingURL=pay.css.map */